Home › Forums › CSS › Can anyone help with this example › Reply To: Can anyone help with this example
March 3, 2018 at 6:17 am
#267789
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.