Link to home
Start Free TrialLog in
Avatar of dgarofalo
dgarofaloFlag for United States of America

asked on

Getting Column Height to Match Other Column

I have a site, http://breezyhillcamp.com. I am trying to get the column on the right to be the same height as the other column and I am stuck. Any suggestions? Thanks in advance for the help.
Avatar of Steve Bink
Steve Bink
Flag of United States of America image

It's been awhile since I've been on the cutting edge of CSS.  I used to do this with a parent container around both columns.  That container would use a background to make it look like two columns.  That method had a number of disadvantages (like no borders on the columns), but it worked adequately.  

You should probably wait for some other experts to chime in.  CSS3 may have a trick or two I don't know about yet.
ASKER CERTIFIED SOLUTION
Avatar of Kim Walker
Kim Walker
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
By the way, flexbox overrides any float or positioning parameters since they aren't needed. You may find min- and max-, width and height are very useful, though.
Correction: the default flex value is
flex: 1 1 auto;

Open in new window

The flexbox algorithm sounds like just the ticket here.  If you are interested in reading more about the technical descriptions:  https://www.w3.org/TR/css-flexbox/