Keep the image dimensions when resizing the browser

Question

I have 6 pictures on my web page listed in a row. Now when I resize the browser, everything gets smaller (Ratios don't change), but I want to keep my pictures as they are and just move them under each other when they run put of space.

So lets say after resizing, instead of having 6 pictures in a row, I want to have 3 pictures in 2 rows. All the way to make a column list for smaller devices, without changing the pictures dimensions.

Thanks in advance

Answer 1

You should check out the bootstrap grid system, it does exactly that and much more! https://getbootstrap.com/docs/4.2/layout/grid/