Ismail Farooq Ismail Farooq - 1 year ago 107
CSS Question

Equal height with auto width collage

I am try to make something like the following image.

Auto Width collage

The image size can be any size but max height should be 68px

I have tried

but i am not able to break the row.

I have also use column-count but not get sucess is it possible with css ?

Need help Thanks

Answer Source

Flexbox is perfect for this, just add this css to the parent of the pictures:

display: flex;
flex-direction: row;
flex-wrap: wrap;

You can set the flex-grow of the children to 1 to stretch them over the whole parent. See the example I made for you:

Here is some more documentation about flexbox:

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download