Create minimal responsive layouts with
.grid to enable auto-layout columns.
Columns intentionally collapse on small devices (
.grid is not available in the class‑less version.
About CSS Grids#
As Pico focuses on native HTML elements, we kept this grid system minimalist.
A complete grid system in flexbox, with all the ordering, offsetting, and breakpoints utilities, can be heavier than the total size of the Pico library. Not really in the Pico spirit.
Alternatively, you can learn about CSS Grid.