Back in the day reserving space on a page for an image was easy, just add the
height attributes! Then along came responsive designs, and that all kinda went out the window, because you see the browser didn’t know how to reserve space for an image with
max-width: 100%; height: auto;. That meant the janky reflow of the image loading was back, without a simple generic solution to solve it.
That never sat right with me, so for today’s posts I’m going to explore the possibility of a generic solution, and what browser vendors are planning to do to make this easier.