Here's the deal:
- You've got markup you don't control
- It includes images wrapped in a
<figure>tag may or may not have a
<figure>could include one
- 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 ❌.
Help! See the example on CodePen.