| Info |
|---|
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];
...