The side panel reveals extra content without crowding your main layout. Slide it in from the left or right, choosing an overlay or a push effect, and fill it with menus, search fields, shopping carts, or rich media. Built on the fully responsive Canvas grid system, every panel adapts cleanly across desktops, tablets, and phones, keeping navigation tidy and your primary content firmly in focus on any screen size you choose to target today.
Half Width
Split your layout into two equal halves and place complementary content side by side. This half-width column keeps text, images, and calls to action balanced, then stacks gracefully on smaller screens for comfortable mobile reading.
Half Width
Pair this half-width column with its sibling to create a clean, symmetrical section. Ideal for feature comparisons, intro paragraphs, or image and text pairings that collapse neatly into a single column on phones.
2/3 Width
This two-thirds column gives your primary message all the space it deserves while still leaving room for a supporting sidebar alongside it. Use it for detailed feature descriptions, long-form copy, or media-rich showcases. The fluid Canvas grid keeps proportions intact on large displays and reflows the wider and narrower columns into a single readable stack once the viewport shrinks to tablet or mobile widths for you.
1/3 Width
A one-third column works perfectly as a sidebar beside wider content. Drop in quick links, highlights, or a short callout, and it lines up neatly until the layout stacks for smaller screens.
1/4 Width
This compact one-quarter column suits small widgets, stats, or icon blocks. Four of them sit evenly in a row, then stack cleanly on mobile screens for you.
3/4 Width
The three-quarter column carries the bulk of your content while a slim partner column handles secondary details. It is the workhorse layout for articles, product pages, and dashboards alike. Like every Canvas column it scales fluidly across breakpoints, holding its proportion on wide monitors and folding into a clean single-column flow the moment the screen narrows toward tablet and mobile viewport sizes here.
