Looking for help with CSS Grid auto-fit with the last item on its own row

Steven Garrity — Sat, 27 Jun 2020 22:20:05 +0000

Here's the deal:

You've got markup you don't control
It includes images wrapped in a <figure> tag
The <figure> tag may or may not have a <figcaption>
The <figure> could include one <img> or many
You want the images to fill the available width, but if there are multiple, shrink down to 25% for 4-columns

What I have here almost works ✅, but in cases with a figcaption and fewer than 4 images, the images don't fill the available width as I'd like ❌.

DEV Community: Steven Garrity