I'm trying to create a 3 column multiple row grid of links (img text). The problem is that my images are not the same height, so I get results like this:
I'm trying to find what CSS grid properties are needed to get a result like this.
I tried just making 3 divs (per column) with multiple links in them, but the order was not correct when responding.
Can you help? Thank you so much.
I think, you can put
display: flex
in the parent div Then add in each column the number of images to renderNow you don't have to worry about the images having different heights.