Responsive Image Grid

The style and html in the W3C example were copied adding "r" to elements with names that were common to my existing css, i.e. row becomes rowr

The images on the W3C example are from their website I have taken some from

What I have tried in this experiment

There doesn't seem to be a limit to the number of images, in this case 27 images (7 + 8 + 6 + 6 = 27). The layout seems to depend on aspect ratio rather than overall size.


External Sources

Responsive Image Grid