Page 1 of 1

Making all columns the same height

Posted: Mon Jun 18, 2018 3:38 am
by isavarg
I have a three column layout for this site that I'm working on and would like the columns to all be the same height, but not fixed so that they extend smoothly to the bottom of the page. It can't be a fixed height because the height will change depending on the amount of content on it. It just looks ugly with the sidebars being uneven to the centre column. Thanks in advance!

https://indie-fanlistings.neocities.org/index.html

Re: Making all columns the same height

Posted: Sat Jun 23, 2018 8:59 pm
by Robin
Seconding this because I'd really like to know how to do this myself--I hacked something together that kinda works and kinda doesn't xD

Re: Making all columns the same height

Posted: Mon Jun 25, 2018 2:48 pm
by dubiousdisc
If I'm understanding the question right - This was a thing that used to be trouble to achieve, but CSS flex now makes this possible!

I've found this example for a three-column layout. You might need a look at this guide to see what all the properties are.