A CSS Grid Layout with Pictures Down One Side Matched Up with Paragraphs on the Other

Опубликовано: 05 Ноябрь 2024
на канале: CSS-Tricks

17,078

267

This is a video version of a blog post on CSS-Tricks where we answer this question. It's a satisfying answer, because we can pull this off with simple semantic markup and a few lines of CSS grid. And yet! Of course! We find lots of quirks and things to figure out. We go through some image best practices, look at a clever technique for testing layout sizes with a single click, deal with small screen layouts, and then battle with how we get to keep our nice layout when extra HTML elements "get in the way".