Untitled

<div class="list">

  <div class="list__row">

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

  </div>

  <div class="list__row">

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

  </div>

  <div class="list__row">

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

    <div class="list__column"></div>

  </div>

</div>

.list {

  width:100%;

  border-collapse: collapse;

  background: red;

  &__row {

    background: blue;

  }

}