Grid layout

layout.scss

$columns: 16; // Number of columns in the grid system

.container {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0px 16px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

@for $width from 1 through $columns {
  .col-#{$width} {
    flex-basis: $width / $columns * 100%;
  }
}