PDII · Question #413
Refer to the component code above. The information displays as expected (in three rows) on a mobile device. However, the information is not displaying as desired (in a single row) on a desktop or…
The correct answer is C. <lightning:layout multipleRows="true"> <lightning:layoutItem size="12". See the full explanation below for the reasoning.
Question
Refer to the component code above. The information displays as expected (in three rows) on a mobile device. However, the information is not displaying as desired (in a single row) on a desktop or tablet. Which option has the correct component changes to display correctly on desktops and tablets? <lightning:layout multipleRows="true"> <lightning:layoutItem size="12">{!v.account.Name} </lightning:layoutItem> <lightning:layoutItem size="12">{!v.account.AccountNumber} </lightning:layoutItem> <lightning:layoutItem size="12">{!v.account.Industry} </lightning:layoutItem> </lightning:layout>
Options
- A<lightning:layout multipleRows="true"> <lightning:layoutItem size="12" mediumDeviceSize="6"
- B<lightning:layout multipleRows="true"> <lightning:layoutItem size="12"
- C<lightning:layout multipleRows="true"> <lightning:layoutItem size="12"
- D<lightning:layout multipleRows="true"> <lightning:layoutItem size="12"
How the community answered
(30 responses)- A3% (1)
- B7% (2)
- C80% (24)
- D10% (3)
Community Discussion
No community discussion yet for this question.