This is a SASS/SCSS grid system with fully customization set in mind.
To modify the grid, declare the following variables on your layout.scss
Fix the user-agent 8px addition to the margin (used for full width container/wrapper) -- can be customized by you
$body-fix: 0;
$max-width: 100%;
$grid-columns: 12;
$gutter-width: 1rem;
$outer-margin: 1rem;
You can modify, remove or create breakpoints before generating the final CSS. An example is given in layout.scss onto how one can modify them.
$breakpoints:
sm 48rem,
md 64rem,
lg 80rem,
xlg 90rem,
impossiblebutveryhard 120rem;