<!DOCTYPE html>
<style>
* {
    font: 16px SerenitySans;
}
  .grid-container {
    display: grid;
    background-color: lightsalmon;
  }

  .grid-item {
    background-color: lightblue;
    border: 10px solid black;
  }
</style>

<div class="grid-container" style="grid-template-columns: auto auto;">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
</div>

<div class="grid-container" style="grid-template-columns: auto auto;">
