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

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Posted by Meghan Mueller-Cox
Meghan Mueller-Cox
2,018 Points

clear: left; not working for me

http://teamtreehouse.com/library/how-to-make-a-website/responsive-web-design-and-testing/build-a-three-column-layout

I have added the code, on my workspace:

gallery li:nth-child(4n) {

clear: left;

}

I am working on a Mac OS X and Chrome.

When I save and view my work using the view icon, I don't see the nice flow in the video, the left is not cleared. What am I doing wrong?

3 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Meghan,

What are you seeing for your images? Can you describe where they are positioned?

Also, 4n is not the correct expression for a 3 column layout. You want to change that to 3n + 1. This is explained in the Teacher's notes for that video.

You may need to post more of the surrounding css.

eck
eck
43,038 Points
eck
eck
43,038 Points

I think you are missing the '#' in front of gallery, if this css you shared is what you are using in your workspace.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

I think the # is there. It's being interpreted as an h1 using markdown syntax.

Meghan Mueller-Cox
Meghan Mueller-Cox
2,018 Points
Meghan Mueller-Cox
Meghan Mueller-Cox
2,018 Points

Thanks, didn't see the teacher's notes.