Examples
A visual showcase of layout patterns used in this template. You can use these or play around with it as much as you want.
1) Single Box
A single Box placed directly inside the container. This automatically becomes a full-width box.
Single full-width Box
2) 2-Box Grid
Boxes placed inside .grid.grid-2 are displayed
in two columns on larger screens and stack on mobile.
Box Left
Box Right
3) 3-Box Grid
Boxes inside .grid are shown in three columns
on larger screens and stack automatically on smaller ones.
Box A
Box B
Box C
4) Combined
This example combines a single Box with grid-based layouts.
Single full-width Box
Grid Box 1
Grid Box 2
Grid Box A
Grid Box B
Grid Box C