| Info |
|---|
This establishes the grid. |
...
Smaller viewports
Between 0px and 767px
| Code Block | ||
|---|---|---|
| ||
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
| Code Block | ||
|---|---|---|
| ||
grid-template-columns: [full-start] minmax(40px, 1fr) [main-start] minmax(0, $max-width) [main-end] minmax(40px, 1fr) [full-end]; |
https://styleguide.asce.org/section-layout.html#asgref-layout-grid-columns
...