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.
Very clever responsive
<article> layout (with gutters and breakout images) achieved using CSS Grid,
ch unit and a minimum of fuss. It scales automatically from narrow to wide viewports with no
max-width or media query manual overrides in sight.
For the blog post page (the page you're looking at right now) I wanted a mobile-friendly layout where the text was centered and readable, where the images/code examples are wide.
See all tags.