ImageGrid with max image size and automatic columns

Design help General
1

I am trying to create a grid of images as seen on www.artstation.com. 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?

2

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
3

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

1 Like