scottgruber.me

Layout 43: Eastern Lowland Gorilla

Put together a modular grid to display a field of gorillas

screenshot of layout

On smaller screens I use flexbox. The modular grid goes into effect at a min screen width of 48em.

@media (min-width: 48em) {
header {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(10, fit-content);
grid-row-gap: 1vw;
  }
}

View the layout