Layout & Sizing Guide
Arrange content so your page works on desktop and mobile.
Build a clear visual order
Put the most important card near the beginning. Group related content and use enough space between sections. A layout should help visitors choose an action, rather than make every block compete for attention.
Desktop layout
Use wider cards for detailed content and smaller cards for short links or icons. Check long titles at the available widths. Balance image-heavy cards with text and leave a clear reading path across each row.
Mobile layout
Preview the mobile arrangement separately. Keep touch targets easy to tap and avoid placing small text over busy images. Confirm the content order still makes sense when cards stack vertically.
Rearranging blocks
After dragging or resizing a block, inspect the neighboring cards because the grid may move them to fill available space. Review both previews and save only after confirming the arrangement.