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

The Column Layout Challenge

I'm wondering if my code is okay. Will my method of getting this task done affect other elements on a page in a bad or good way? At last, can I use it instead of teacher's version of the code?

.primary_col,
.secondary_col {
width: 50%;
display: table-cell;
vertical-align: top;
padding: 20px;
}

P.S. I have no idea how to upload a picture to Treehouse to pin to the post, but believe me that this code gave me absolutely the same result. At least, visually!

Hey there, Stas Buchukov!, Well there's is a tiny problem in your code and the display mode you typed: display:table-cell; well the answer is this:

.primary_col, .secondary_col { width: 50%; display: inline-block; vertical-align: top; padding: 20px; } hope it works. and happy coding :D.

2 Answers

Patrik Horváth
Patrik Horváth
11,110 Points

your code seems good but you have 1 more "}" delete it :)

in your challange you should see GET HELP next to CHECK Button and with it you start discussion linked to your Challange :)

your code seems good but you have 1 more "}" delete it :)

in your challange you should see GET HELP next to CHECK Button and with it you start discussion linked to your >Challange :)

I did. It's actually linked to the topic and the video.