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

Home Forums CSS Flexbox: same height + aligned to bottom Reply To: Flexbox: same height + aligned to bottom


I’ve made some progress here:

I think my mistake was targeting the .inner anchor with flex. I’ve tried again and this has solved the first part of the problem (maybe this will make it clearer).

The next part is; I’d like the rating + price to be positioned at the bottom (flex-end?) If tried using align-self but it doesn’t seem to work and is overwritten by the parent. If needed, I could wrap these 2 items in a ‘footer’ div or something.

Thanks, nearly there I think!

** EDIT **

Although I’ve just looked in IE10 and it looks like the percentage widths aren’t honoured and the images break out of their containers? Should this work in IE10? Fine in 11!