.container {
  width : 500px;
  height : 300px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}



















.item1,.item2,.item3,.item4 {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.item1{
  background-color : pink;
}
.item2{
  background-color : lemonchiffon;
}
.item3{
  background-color : PaleTurquoise;
}
.item4{
  background-color : PaleGreen;
}