#layout {
  display: grid;
  grid-template-rows: 100px 300px 300px;
  grid-template-columns: repeat(auto-fit, 300px); 
  max-width: calc(3 * 300px + 2 * 10px);
  /* grid-template-columns: 300px 300px 300px; */
  justify-content: center;
  gap: 10px;
  margin-inline: auto;
}
/* ul {
  margin: 0 auto;
  max-width: 960px;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, 300px);
  gap: 10px;
} */

img {
  height: 300px;
  width: 300px;
  object-fit: cover;
  display: block;
}
/* header {
  display: flex;
  justify-content: center;
} */
header {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  justify-self: center;
}
h1 {
  /* text-align: center; */
  padding: 20px 0;
  margin: 10px 0 30px 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 300;
  letter-spacing: -0.02em;
}

/* h1 {
  font-family: 'Syne', sans-serif;
  font-weight: 700;
  text-transform: lowercase; /* Works surprisingly well for modern minimalism */
} */

/* h1 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 300;
  letter-spacing: -0.02em;
} */

/* h1 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 400;
  font-style: italic; /* Adds a sophisticated exhibition feel */
} */