While bookmarking the mastery.games article yesterday, I started getting the feeling that something was awfully familiar. It was! I’ve seen this layout before – from Tyler Sticka back in 2017 to be precise – but failed to bookmark it at the time.
Here, then, is the original and still the best CSS Grid “article with breakout images” layout!
I particularly love the way that, by naming the lines and appending
-end as appropriate you can then target the area between those lines using its short name.