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

Posted by Mark Rofe
Mark Rofe
2,109 Points

Uneven Columns

Hi guys,

I'm getting uneven columns when I try to do this task, i'm not sure why, and i'm not sure how to fix it either. Any ideas?

Here's a link to a screen grab http://i.imgur.com/AOG1cuN.jpg

2 Answers

Justin Radcliffe
Justin Radcliffe
18,987 Points
Justin Radcliffe
Justin Radcliffe
18,987 Points

If your columns have no style attributes their height will be dictated by their content. Try adding some css styling to the divs / columns. You can do it "in-line" like this:

<div style='height: 900px'>
    <div>
     Other Content ...
    </div>
</div>

But I also recommend you look into css stylesheets as seperate files.

Mark Rofe
Mark Rofe
2,109 Points
Mark Rofe
Mark Rofe
2,109 Points

Thanks Justin, wouldn't that mess things up a bit in different screen resolutions?

Justin Radcliffe
Justin Radcliffe
18,987 Points

That's a possibility, yes. You could use % instead of px to define the height. Another solution, if responsiveness is important, is to use Bootstrap 3 css library, it's very easy to set up and the documentation is great.

Bootstrap