html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
}

.map {
  margin: 50px auto;
  display: grid;
  font-family: sans-serif;
  font-size: 32px;
  gap: 15px;
  grid-template-rows: 1fr min-content min-content 1fr;
  grid-template-columns: auto 256px auto auto;
}

.mapName {
  grid-row: 2;
  grid-column: 3;
  font-size: 1.1em;
  font-weight: bold;
  max-width: 1024px;
}
.mapCode {
  grid-row: 3;
  grid-column: 3;
}

.mapCode::before {
  content: "Code: ";
}

.mapCover {
  grid-row: 1 / span 4;
  grid-column: 2;
}