<div class="grid">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
  <div>Item 4</div>
</div>

body {
  background-color: #E9E9E6;
  font: 1.4em/1.3 Helvetica, Arial, sans-serif;
  padding: 30px;
}

.grid {
  writing-mode: vertical-rl;
  display: grid;
  border: 5px solid #CE454F;
  border-radius: 10px;
  inline-size: 500px;
  grid-template-columns: .2fr .2fr .4fr;
  grid-template-rows: 100px 100px;
  grid-gap: 20px;
}

.grid > * {
  border: 5px solid #526683;
  border-radius: 10px;
  background-color: #89A4BE;
  padding: 10px;
  
}