The slide-out side panel keeps secondary navigation, quick contact forms and promotions tucked neatly off-screen until your visitors call for them. Built on the responsive Canvas grid, this overlay variant glides in from the right without pushing the page, so your main content stays exactly where it is. Combine the panel with any column layout below to organise widgets, menus and calls to action while preserving a clean, distraction-free reading experience on every device.
Half Width
This half-width column pairs naturally with a sibling beside it, giving you balanced two-up sections for features, services or short introductions. The fluid Canvas grid reflows each half into a full stack on smaller screens automatically.
Half Width
Use a second half-width column to mirror the first, perfect for comparisons, paired testimonials or an image set beside its caption. Spacing utilities keep the gap between columns consistent, and the layout adapts gracefully as the viewport narrows.
2/3 Width
A two-thirds column gives your primary content room to breathe while leaving space for a complementary sidebar alongside it. This asymmetric split is ideal for article bodies, detailed product descriptions or feature walkthroughs that need the lion's share of the width. Pair it with the one-third column shown beside it to surface related links, contact details or a newsletter prompt, and the whole arrangement collapses into a single readable stack the moment screens get tight.
1/3 Width
A one-third column makes a tidy sidebar for the two-thirds block beside it, holding quick links, highlights or a compact call to action. It stays narrow on desktop and stacks beneath the main content on mobile for easy reading.
1/4 Width
A quarter-width column is great for compact feature boxes, icon callouts or stat cards arranged four across, stacking neatly on smaller screens.
3/4 Width
A three-quarter column dedicates almost the full row to your headline content, leaving just a slim quarter beside it for supporting elements. It suits long-form copy, rich media blocks or dashboards where the main story needs maximum width without going edge to edge. The narrow companion column is perfect for a glance-able summary, advert or set of secondary links, and because everything is built on the Canvas grid, the pairing rearranges itself into a clean vertical flow on phones and tablets automatically.
