Grid Columns

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

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