Sass Grid Mixin

sass-grid.scss

@mixin grid($cols, $rowGap: 0, $colGap: 0, $flexGrow: false) {
  display: flex;
  gap: #{$rowGap}px #{$colGap}px;
  flex-wrap: wrap;

  .col {
    flex-basis: calc((100% - #{$colGap}px * (#{$cols} - 1)) / #{$cols});
    @if $flexGrow == true {
      flex-grow: 1;
    }
  }
}