This full-width column spans the entire row, giving headlines, intros, and feature sections the room they need to breathe. Canvas builds every layout on a flexible twelve-column grid, so content reflows cleanly from desktop to mobile without a single line of custom code. Mix and match column widths to craft balanced, modern pages, then fine-tune spacing, alignment, and order with simple utility classes that keep your markup tidy and easy to maintain across the project.
Half Width
Half-width columns sit side by side on larger screens and stack neatly on smaller ones, making them ideal for paired text, image and copy combinations, or two-up feature highlights that stay perfectly balanced across every breakpoint.
Half Width
Use this matching half-width column to complement its neighbor with supporting details, a secondary call to action, or a short description. The grid keeps both halves aligned while adapting gracefully to tablets and phones with ease.
2/3 Width
A two-thirds column carries the primary message while leaving space for a slimmer companion beside it, a pairing that works beautifully for articles with a sidebar, product details with quick facts, or a feature walkthrough next to supporting notes. Canvas grid utilities let you set this proportion in a heartbeat and adjust it per breakpoint, so the wider block leads on desktop yet stacks above its partner on mobile for a reading order that always feels natural and clear.
1/3 Width
A one-third column makes a tidy sidebar for quick facts, related links, or a compact callout that supports the wider content beside it. It tucks below the main block on smaller screens so nothing feels cramped or hard to read.
1/4 Width
A one-quarter column is perfect for compact stats, icon features, or short captions arranged four across on desktop and stacked on mobile.
3/4 Width
A three-quarters column gives your main content commanding presence while reserving a narrow strip alongside for navigation, highlights, or a brief aside. This generous proportion suits long-form copy, detailed listings, and rich media that deserve center stage, and because Canvas handles the responsive behavior automatically, the wide block leads the layout on larger displays and folds gracefully above its slimmer companion once the viewport narrows on tablets and phones.
