Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Can anyone help with this example Reply To: Can anyone help with this example

#267789
Beverleyh
Participant

Assuming you mean for the heights to match?

Without JavaScript, I think this is the best you could manage with CSS alone https://codepen.io/anon/pen/wyZPzy
It uses the padding-bottom % technique to create a faux img height. The faux height is a combination of small img heights + white space margin + bottom title bar heights. Calculations are in CSS comments.

Bear with me cos I’m on mobile – I haven’t tested on desktop, or by any screen resizing mechanism other than those provided in the mobile view of CodePen.