Define Grid

by NesterOne

HTML

<div class="component">
  <div class="box">A</div>
  <div class="box">B</div>
  <div class="box">C</div>
  <div class="box">D</div>
  <div class="box">E</div>
  <div class="box">F</div>
</div>

CSS

.component{
  display:grid;
  grid-template-columns: 100px 100px 100px;
  grid-gap: 5px
}

.box{
    background-color: #444;
    color: #fff;
    border-radius: 5px;
    padding: 20px;
    font-size: 150%;
}