Masonry with HTML flexbox and CSS (wo JS)

Question

I want to fill a page with images masonry:
- the images must be justified
- fixed thin space between images
- images ratio preserved (but image size can be ajusted)
- responsive
Is it possible to do that with HTML+CSS only, without any JS ?
Thanks

Answer 1

Hi. Maybe this example help you.
https://code.sololearn.com/WXl0ogk7RTqm

It is not 100% responsive. If you don't know CSS Grid, visite this site ( https://gridbyexample.com/examples/ ), and for CSS Flexbox ( https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ). Happy coding :).