main {
  max-width: 80ch;
  margin-inline: auto;
}

.intro h1 {
  margin-block-end: 0;
}
.intro h2 {
  margin: 0;
  color: var(--mid);
}

.meta {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  margin-top: 2rem;
  font-size: 0.8rem;
  gap: 12px 8px;
  color: var(--mid);
}
.meta p {
  margin: 0;
}
@media (max-width: 600px) {
  .meta {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
}