Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Basics CSS Layout Project Column Layout with Media Queries

Posted by J Tan
J Tan
11,847 Points

How do you style all three columns to be same height?

When looking at the final version of the project files in Chrome dev tools, highlight the columns in dev tools shows each column still have different heights.

How would I style these three columns to have same height when they're floated?

I would like to make all three columns the same height. Then vertical align each column to the bottom border.

2 Answers

Frans Teja
Frans Teja
8,175 Points
Frans Teja
Frans Teja
8,175 Points

Sorry, im not looking at the project. But I think i got what you mean. Those 3 columns have different length of content which makes the height of those 3 divs slightly become different from one to another, is that the problem?

J Tan
J Tan
11,847 Points

Exactly my question.

aroshinemunasinghe
aroshinemunasinghe
5,649 Points
aroshinemunasinghe
aroshinemunasinghe
5,649 Points

How's going on? Have you solved it? I tried to set wirth to 40% ..