Canvas ships with a flexible, fully responsive grid that adapts to any screen size with ease. Build full-width sections, split layouts, or intricate multi-column designs without writing custom code. Each column scales fluidly across desktops, tablets, and phones so your content stays perfectly aligned. Drop in any element you need and the grid keeps everything tidy, balanced, and pixel-perfect on every device your visitors use.
Half Width
Half-width columns are perfect for pairing related content side by side. Place an image next to a description, or set two equal feature blocks that stack gracefully on smaller screens for clean, readable layouts every time.
Half Width
Use a six-column block to balance text and visuals across the page. The pairing keeps your message focused while the responsive grid reflows the columns into a single stack on mobile, preserving readability throughout your site.
2/3 Width
The two-thirds column gives your primary content room to breathe while leaving space for a sidebar alongside it. This balanced split is ideal for articles, product detail pages, and documentation where the main copy leads and supporting widgets follow naturally. Canvas keeps the proportions intact across every breakpoint, then stacks the columns neatly on smaller screens so nothing ever feels cramped or crowded, even on the smallest phones your visitors carry around.
1/3 Width
A one-third column makes an excellent sidebar for quick links, callouts, or contact details. It sits comfortably beside wider content and collapses below it on mobile, keeping your layout clean and your supporting information always within easy reach.
1/4 Width
Quarter-width columns suit compact feature lists, icon boxes, and small stat blocks. Line up four across a row for a tidy, balanced grid on any screen.
3/4 Width
The three-quarter column carries the bulk of your page content with confidence, leaving a slim quarter for navigation or quick highlights. It is a natural fit for blog posts, landing pages, and detailed write-ups where the primary message truly deserves the spotlight. The responsive grid keeps this generous width looking crisp and sharp on large displays, then stacks it cleanly into a single column on mobile devices without losing any polish.
