New course! Every coder should learn Generative AI!
Try a free lesson+ 2
Masonry with HTML flexbox and CSS (wo JS)
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
1 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 :).
Often have questions like this?
Learn more efficiently, for free:
