Media queries example

    //xs	0
    //sm	576
    //md	768
    //lg	992
    //xl	1200
    @include media-breakpoint-down(sm) {
      grid-template-columns: repeat(2, 1fr);
    }
    @include media-breakpoint-between(sm, md) {
      grid-template-columns: repeat(3, 1fr);
    }
    @include media-breakpoint-between(md, xl) {
      grid-template-columns: repeat(4, 1fr);
    }
    @include media-breakpoint-up(xl) {
      grid-template-columns: repeat(6, 1fr);
    }