/
Grid Columns

Grid Columns

Owned by Hodges, David
Last updated: Dec 08, 2021
1 min read

This establishes the grid.

Smaller viewports

Between 0px and 767px

grid-template-columns: [full-start] minmax(20px, 1fr) [main-start] minmax(0, $max-width) [main-end] minmax(20px, 1fr) [full-end];

Larger viewports

From 768px and up

grid-template-columns: [full-start] minmax(40px, 1fr) [main-start] minmax(0, $max-width) [main-end] minmax(40px, 1fr) [full-end];

ASCE Digital Style Guide

 

Related content

Masonry Grid
Masonry Grid
Digital Style Guide
More like this
Columns Slider
Columns Slider
Digital Style Guide
More like this
Page Container
Page Container
Digital Style Guide
More like this
Card Grid
Card Grid
Digital Style Guide
More like this
Promo Grid
Promo Grid
Digital Style Guide
More like this