The Canvas grid is built on a responsive twelve column system that adapts fluidly across every device. This full width block spans the entire row, giving hero content, introductions and feature summaries plenty of room to breathe. Combine it with parallax page titles, flexible spacing utilities and reusable layout blocks to assemble polished pages quickly without writing a single line of custom CSS for your project.
Half Width
This half width column fills six of the twelve available slots, making it ideal for pairing balanced content side by side. Use it for matched feature panels, image and text combinations, or two even columns of supporting copy.
Half Width
A second half width column sits neatly alongside its partner, keeping both panels perfectly aligned. On smaller screens the pair stacks automatically, so your content stays readable and well spaced on phones, tablets and desktops alike.
2/3 Width
Occupying eight of the twelve columns, this two thirds block is the workhorse for primary article content, detailed descriptions and longer narratives. Pair it with a one third sidebar for related links, calls to action or quick facts. The flexible Canvas grid keeps everything aligned across breakpoints, collapsing gracefully on mobile so your layout never feels cramped, while generous spacing utilities help each section stand apart with clarity.
1/3 Width
Spanning four columns, this one third block is perfect for a compact sidebar, a highlighted statistic, or a supporting note beside wider content. It keeps secondary information close at hand without competing with the main column for attention.
1/4 Width
A slim one quarter column covers three slots, ideal for icon boxes, small feature cards, or a tidy set of four equal panels arranged neatly across the row.
3/4 Width
This three quarters block claims nine of the twelve columns, delivering ample space for rich, focused content while leaving room for a slim companion column. It suits feature showcases, documentation sections and detailed product overviews where readability matters most. The Canvas grid handles the heavy lifting, reflowing columns from wide desktop layouts down to single stacked blocks on mobile so every visitor gets a clean, comfortable reading experience on any screen they choose.
