JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div class="cell"></div>
  <div class="cell"></div>
  <div class="cell"></div>
</div>

CSS

body {
  padding: 1rem 3rem;
}
* {
  box-sizing: border-box;
}
#container {
  background-color: #eee;
  border: .75em solid;
  padding: .75em;
  width: 220px;
  
  display: grid;
  grid-template-columns: 170px 70px;
  grid-auto-rows: 40px;
  grid-gap: 10px;
  
  justify-content: space-between;
}
.cell {
  background-color: rgba(0,0,255,.2);
  border: 3px solid #00f;
}