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

Home Forums CSS Equal height columns without js Reply To: Equal height columns without js


Thank you, that looks very promising.

One question about the flexbox approach … you add the .tall class and apply it to the middle content. Does it depends on the middle content always being the tallest, or how does this function?

Edited to add: nevermind, now I see you did that just to demonstrate, of course!

However, I am testing out display:flex on the site, and it seems to come with an unfortunate side-effect for a responsive design — the columns no longer stack on top of each other below the break point, so the effect of collapsing the site to a single column is lost.