CSS Grid — Responsive layouts and components

Let’s make a photo gallery responsive quickly and using very few lines of CSS.

Rafaela Ferro
May 3, 2018 · 11 min read

Hello again! 👋 Today we’re going to talk about how to build responsive layouts while using CSS Grid. If you’re just starting with Grid, I recommend that you read my first blogpost before this one. Baby steps!

In this post, we’re going to build a photo gallery (on our fictional social network for dogs) and I’m going to show you how I organize responsive layouts in two different scenarios: