<div class="container">
  <div class="item blue">Item A</div>
  <div class="item red">Item B</div>
  <div class="item orange">Item C</div>
</div>

/* BASE STYLES */
*{
   background-color: #292929;
}

.blue { background-color: #2D85C4; }
.red { background-color: #FF642F; }
.orange { background-color: #F89344; }
.white { background-color: #FFFFFF; }

.item {
  text-align:center;
  padding: 40px;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
}


/* CSS GRID PLAYGROUND */

.container {
  display: grid;
  grid-template-columns: repeat(2, 200px);
  grid-template-rows: repeat(2, 130px);
}

.blue{
  grid-column: 1/2;
  grid-row: 1/3;
/*   grid-area: 1/2/3/3; */
}