Учим CSS Grid за 5 минут

https://medium.freecodecamp.org/learn-css-grid-in-5-minutes-f582e87b1228

by schrodingers

HTML

<div class="wrapper">
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</div>

SCSS

.wrapper {
  display: grid;
}

.wrapper > div {
  //	background: rgb(50, 160, 255);
}

@for $i from 1 through 6 {
  .wrapper>div:nth-child(#{$i}) {
    background: hsl(45*$i, 95, 70);
  }
}