Streaming live at 10am (PST)

ImageGrid with max image size and automatic columns

I am trying to create a grid of images as seen on What I like about it is how the grid adapts to the browser size. As soon as the images exceed a certain size, a new column is added and the images are scaled down so that they fill the whole row again.

Does anyone know how to do this?

hi @ChrisRus and welcome, there is a few ways “how to” create “mosaic” effect and probably b easiest way is to use Flexbox.

here is link to one example on CodePen but you can find there more solutions You can find on net more articles or examples it all depend what approach you will use.

1 Like

Hi Stan,
I found a solution and was able to implement it. Thank you a lot!

1 Like