Grid Magic

The grid above has irregular sized images inserted with the optional captions below. Using the magic of the CSS Grid Layout Module it can be turned from a messy irregular grid into a regulated grid by simply checking one box - and changing the font color.
There are no media queries to deal with. The grid columns use "minmax" with a minimum width setting so the grid automatically responds to changes in browser or device screen width.
All this with just a few lines of code and absolutely no Javascript! The browser can focus on rendering the images instead of having to downloading a bunch of scripts first.