body {
  margin: 0;
}

.grid {
  height: 100vh;
  width: 100vw;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}

.grid > div:nth-child(1) {
  background-color: black;
}
.grid > div:nth-child(2) {
  background-color: red;
}
.grid > div:nth-child(3) {
  background-color: green;
}
.grid > div:nth-child(4) {
  background-color: brown;
}
.grid > div:nth-child(5) {
  background-color: blue;
}
.grid > div:nth-child(6) {
  background-color: purple;
}
.grid > div:nth-child(7) {
  background-color: cyan;
}
.grid > div:nth-child(8) {
  background-color: lightgray;
}