<div id="container"> <!-- container -->
  <div id="itemA">A</div> <!-- item -->
  <div id="itemB">B</div> <!-- item -->
  <div id="itemC">C</div> <!-- item -->
  <div id="itemD">D</div> <!-- item -->
  <div id="itemE">E</div> <!-- item -->
  <div id="itemF">F</div> <!-- item -->
</div>

#container {
  display: grid;
  grid-template-rows: 20px 400px 100px;
  grid-template-columns: 10px 350px 350px 10px;
}
#itemA {
  grid-row: 1 / 4;
  grid-column: 1 / 2;
  background: #fecb2f;
  color: #fff;
}
#itemB {
  grid-row: 1 / 2;
  grid-column: 2 / 4;
  background: darkseagreen;
  color: #fff;
}
#itemC {
  grid-row: 2 / 3;
  grid-column: 2 / 4;
  background: lightblue;
  color: #fff;
}
#itemD {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  background: lightslategray;
  color: #fff;
}
#itemE {
  grid-row: 1 / 4;
  grid-column: 4 / 5;
  background: #fecb2f;
  color: #fff;
}
#itemF {
  grid-row: 3 / 4;
  grid-column: 3 / 4;
  background: tomato;
  color: #fff;
}