Canvas gives you a complete responsive grid built on Bootstrap, so every layout adapts smoothly across desktops, tablets, and phones. Combine full, half, and fractional columns to compose any structure you need without writing a single media query. The system handles spacing, alignment, and wrapping automatically, letting you focus on content rather than fighting with breakpoints. Drop in your sections, set the column widths, and the page stays balanced on every screen size you target today.
Half Width
A half-width column splits the row evenly, perfect for pairing related blocks side by side. Canvas keeps both halves aligned and equal in height, then stacks them neatly on smaller screens so your content always stays readable and well spaced.
Half Width
This second half-width column mirrors its partner for a clean two-up layout of features, images, or short notes. The grid manages the gutter between them and reflows the pair into one column when the screen gets too narrow for both.
2/3 Width
This two-thirds column shows how Canvas balances a wide content area beside a narrower sidebar without breaking the flow. Use it for articles, product details, or feature descriptions that need extra room while still leaving space for related links or a call to action. The grid keeps both columns aligned to a shared baseline, and on smaller screens they stack cleanly in source order so nothing feels cramped or misaligned across the wide range of devices visitors use.
1/3 Width
A one-third column works well as a compact sidebar or a slim feature highlight beside wider content. Canvas sizes it precisely within the grid and keeps its spacing consistent, then drops it below the main column on mobile so nothing ever feels squeezed.
1/4 Width
A quarter-width column is great for small stats, icons, or short callouts placed four across, collapsing neatly into a stacked layout on smaller screens.
3/4 Width
A three-quarter column is ideal when your main content deserves prominence yet you still want a slim supporting panel alongside it. Canvas manages the gutters and vertical rhythm so the wider block never overwhelms the page, keeping typography readable at any width. As the viewport narrows, the columns reflow gracefully into a single stack, preserving hierarchy and spacing so the reading experience stays consistent from the largest monitor down to the smallest handset.
