nav {
    text-align: center;
    text-decoration: none;
    margin: 10px;
    padding: 15px;
}
nav a {
  color: black;
  margin: 20px;
  font-size: 20px;
}
nav a:hover {
  color: white;
  background-color: black
}
img {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
}

.wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    grid-auto-rows: minmax(100px, auto);
}
.one {
  grid-column: 1;
  grid-row: 1;
}
.two {
  grid-column: 2;
  grid-row: 1;
}
.three {
  grid-column: 3;
  grid-row: 1;
}
.four {
  grid-column: 4;
  grid-row: 1;
}
.five {
  grid-column: 1;
  grid-row: 2;
}
.six {
  grid-column: 2;
  grid-row: 2;
}
.seven {
  grid-column: 3;
  grid-row: 2;
}
.eight {
  grid-column: 4;
  grid-row: 2;
}