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


It should display the same in all browsers really. I guess Flex won’t work in IE9(?) and below but I can accept the boxes won’t be even heights and just target an nth-child and set clear: left;

Here’s the CodePen:

I’ve not got the code to hand but the mark-up and layout I’ve created is sound, I’ve even added the media queries as the widths of each list-item chance in different screen widths. Shouldn’t be many differences between this and the actually code bar fonts/sizes/colours etc but everything is consistent on each h-product. except the length of headings/paragraph.