.box {
  border: 2px solid black;
  padding: 5px;
  margin: 5px;
  height: 100px;
  width: 100px;

}

.grid-container {
    border: 2px solid black;
  display: grid;
  width: 500px;
  padding:5px;
    align-content: center;

  grid-template-areas: "col1 col2 col3 col4";
}

#g1 {
  grid-area: col1;
}

#g2 {
  grid-area: col2;
}

#g3 {
  grid-area: col3;
}
#g4 {
  grid-area: col4;
}