This screenshot shows the Display Logic configuration to display different layouts based on screen size. The Display Logic
section shows three rules: first, the SmallScreen rule (if $responsive.smOnly equals true then return SmallScreen
), followed by the MediumScreen rule (if $responsive.mdOnly equals true then return MediumScreen
). The default rule (if $responsive.lgOnly equals true then return default is at the very end.
On the left is the Layouts pane, with the default, MediumScreen, and SmallScreen layouts listed.