The Globe and Mail's flexbox grid v1.5.0
A mobile-first flexbox grid system based on the CSS flex display property. A customized, namespaced, and extended Bootstrap 4 grid.
It also supports different column counts for each of the 4 breakpoint tiers. Which are extra-small (1), small (8), medium (12), and large (16).
Filesize is 21.08 KB minified, and 3.27 KB gzippped. Github Repo: tgam-flexboxgrid.
Home
-
Examples
- Section latest layout
- Section list layout
- Group 1 layout
- Group 2 layout
- Template 1 layout
- Four grid tier
- Three equal columns
- Three unequal columns
- Two columns
- Nested grid #1
- Nested grid #2
- Mixed: mobile and desktop
- Mixed: mobile, tablet, desktop
- Offset, push, and pull resets
- One grid to rule them all