* {
  box-sizing: border-box;
}

body {
  margin: 0px;
}

#wrapper {
  display: grid;
  grid-auto-rows: minmax(0px, auto);
  grid-template-columns: minmax(0px, 1fr) repeat(7, minmax(0, 175px)) minmax(
      0,
      1fr
    );
}

nav {
  background-color: #e50000a2;
  height: 80px;
  grid-column: 1 / -1;
  grid-row: 1;
  border: 2px solid black;
}

#homehero {
  background-color: #9600ada3;
  height: 300px;
  grid-column: 1 / -1;
  grid-row: 2;
  border: 2px solid black;
}

main {
  background-color: #07ff289e;
  grid-column: 2 / -2;
  grid-row: 3;
  height: 500px;
  border: 2px solid black;
}