The sticky footer layout keeps your copyright bar pinned to the bottom of the viewport even when a page has very little content. Drop your sections into this responsive grid and the footer stays in place, never floating awkwardly in the middle of the screen. It works seamlessly across desktops, tablets and phones, adapting to any column arrangement you build inside the main content area without extra configuration on your part.
Half Width
This block fills half of the available row on medium screens and larger, then stacks to full width on smaller devices. Pair two of these columns to create a clean, balanced two-up section above the sticky footer bar.
Half Width
Use a matching half-width column beside the first to split your content evenly. Both columns collapse gracefully on mobile, keeping text readable while the footer remains anchored firmly at the bottom of the page.
2/3 Width
This wider column spans two-thirds of the row, giving your primary content plenty of room to breathe alongside a narrower companion column. It is ideal for article bodies, long-form feature descriptions or any block that needs more horizontal space while still leaving a slim aside beside it for related links. Like the rest of this grid it reflows neatly to full width once the viewport drops below the medium breakpoint on tablets and phones, so your reading experience stays comfortable.
1/3 Width
The remaining one-third column makes a perfect sidebar for highlights, quick links or a short call to action. It sits to the side on larger screens and tucks below the main column on mobile devices automatically.
1/4 Width
A compact one-quarter column suits small widgets, icons or short stats. Place four side by side for a tidy feature strip above the footer.
3/4 Width
This three-quarter column carries the bulk of your page content while leaving a slim quarter-width column free for navigation, tags, or supporting notes alongside it. It is a flexible pairing for documentation pages, knowledge bases and dashboards alike, where a wide reading pane and a compact sidebar work hand in hand. Like every column in this grid it collapses to full width on narrow screens, so nothing is ever cramped above the sticky footer bar on smaller devices.
