Ok, my page: http://www.col-b.uk/SLSO/?page=gallery
My requirements: A responsive image gallery using flexbox with assorted size and shaped photos. Nice-to-have: loaded dynamically.
My problem: trying to understand how srcset and flex fit together. For srcset, do I have to know in advance the sizes of the photos in each place? This would be hard if they are to be loaded dynamically; if not dynamic, I will have to hard-code a lot of widths in the html. I have separate folders of low, medium and high-res photos.
What is the best practice in this scenario?