The left overlay side panel slides smoothly over your content, keeping primary navigation, contact forms and recent posts within instant reach. Triggered from any button or icon, it darkens the page behind it to focus attention while preserving the layout underneath. This full-width row demonstrates how flowing text adapts neatly across the entire container, giving you a clean baseline for building rich, multi-column pages with consistent spacing, comfortable line length and balanced typography throughout.
Half Width
A half-width column is ideal for pairing related ideas side by side. Use it to introduce a feature on the left and its benefit on the right, keeping each block readable while filling the available horizontal space evenly across the row.
Half Width
Mirror the column beside it to create a balanced two-up layout that works beautifully on desktop and stacks gracefully on smaller screens. Drop in short paragraphs, lists or buttons and the grid keeps everything aligned with comfortable, even gutters.
2/3 Width
A two-thirds column gives your main content room to breathe while leaving space for a supporting sidebar. It suits article bodies, product overviews or detailed descriptions where readers need a generous, focused reading width. Combine it with the narrower companion column to guide the eye from primary content toward secondary calls to action, summaries or quick facts that reinforce the message without competing for attention on the page.
1/3 Width
The one-third column is perfect for sidebars, highlights or quick callouts. Pair it with a wider main column to surface key details, contact prompts or related links without pulling focus from the primary content beside it.
1/4 Width
A quarter-width column keeps compact items tidy, ideal for stats, icons or short labels arranged neatly across a four-up grid row layout.
3/4 Width
The three-quarter column carries the bulk of your page content while a slim sidebar handles navigation or extras. It is well suited to long-form copy, feature breakdowns and documentation where readers benefit from a wide, uninterrupted reading area. Use it alongside the narrow companion column to present the main story on one side and supporting context, quick links or highlights on the other, all within a single responsive row.
