<article>
      <h2></h2>
      <div class="align-justify-2">
        <section class="grid-container-10">
          <div class="grid-just-10 box-10 box-color-1">
            <h3>Box 10</h3>
            <p>Yada Yada Yada</p>
            <p>Huh</p>
          </div>
        </section>
        <section class="grid-container-11">
          <div class="grid-just-11 box-11 box-color-2">
            <h3>Box 11</h3>
            <p>Yada Yada Yada</p>
            <p>Huh</p>
          </div>
        </section>
        <section class="grid-container-12">
          <div class="grid-just-12 box-12 box-color-3">
            <h3>Box 12</h3>
            <p>Yada Yada Yada</p>
            <p>Huh</p>
          </div>
        </section>
        <section class="grid-container-13">
          <div class="grid-just-13 box-13 box-color-2">
            <h3>Box 13</h3>
            <p>Yada Yada Yada</p>
            <p>Huh</p>
          </div>
        </section>
        <section class="grid-container-14">
          <div class="grid-just-14 box-14 box-color-3">
            <h3>Box 14</h3>
            <p>Yada Yada Yada</p>
            <p>Huh</p>
          </div>
        </section>
    </div>
    </article>

.align-justify-2 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 50px 80px 100px 150px 200px 250px 30px;
}
.grid-container-10 {
  background-color: pink;
  grid-column: 1 / -1;
  outline: 3px solid white;
}
.grid-container-11 {
  background-color: lightblue;
  grid-column: 1 / -1;
  grid-row: 2 / 4;
  outline: 3px solid white;
}
.grid-container-12 {
  background-color: silver;
  grid-column: 3 / -1;
  grid-row: 3 / 5;
  outline: 3px solid white;
}
.grid-container-13 {
  background-color: lightblue;
  grid-column: -3 / -1;
  grid-row: 4 / 7;
  outline: 3px solid white;
}
.grid-container-14 {
  background-color: silver;
  grid-column: 1 / span 4;
  grid-row: 6 / -1;
  outline: 3px solid white;
}