Layout 43: Eastern Lowland Gorilla

Put together a modular grid to display a field of gorillas

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

← Previous What are logical properties? At home with Charley Harper Next →