nerdexam
Salesforce

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)
  • A
    3% (1)
  • B
    7% (2)
  • C
    80% (24)
  • D
    10% (3)

Community Discussion

No community discussion yet for this question.

Full PDII Practice