When developing a Lightning web component, which setting displays lightning-layout-items in one column on small devices, such as mobile phones, and in two columns on tables-size and desktop-size screens?
When developing a Lightning web component, which setting displays lightning-layout-items in one column on small devices, such as mobile phones, and in two columns on tables-size and desktop-size screens?
To display lightning-layout-items in one column on small devices and in two columns on tablet-size and desktop-size screens, set size to 12, which accounts for the full width on small devices, and medium-device-size to 6, which splits the layout into two columns on medium and larger devices.
C is right
"C" Size is the total size and you divide the value of the device size for the number of columns.
Selected Answer: B If you specify the size and smallDeviceSize attributes, the size attribute applies to small mobile phones, and the smallDeviceSize applies to smart phones. The sizing attributes are additive and apply to devices of the specified size and larger. For example, if you set mediumDeviceSize=10 and don't set largeDeviceSize, then mediumDeviceSize applies to tablets, desktops, and larger devices. You'd also have to set size to apply to devices smaller than tablets.
Mobile devices are displayed in a single column with small-device-size="12", while larger tablets and desktops are displayed in two columns with the default size="6". Therefore, the correct answer should be B.
https://developer.salesforce.com/docs/component-library/bundle/lightning:layoutItem/example#lightningcomponentdemo:exampleLayoutItemsSizeOverrides