* {
  box-sizing: border-box;
  background: whitesmoke;
}
.container {
  display: grid;
  grid-template-columns: minmax(100px, 200px) 1fr 1fr;
  grid-template-rows: 100px 100px 100px;
  grid-gap: 10px;
  margin-top: 20px;
}
.box {
  font-family: sans-serif;
  font-size: 24px;
  text-align: center;
  color: white;
  line-height: 2;
  padding: 20px;
}
.box-1 {
  background: limegreen;
}
.box-2 {
  background: crimson;
}
.box-3 {
  background: cornflowerblue;
}
.box-4 {
  background: orange;
}
.box-5 {
  background: mediumseagreen;
}
.box-6 {
  background: hotpink;
}
.box-7 {
  background: orchid;
}
.box-8 {
  background: indianred;
}
.box-9 {
  background: darkturquoise;
}