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 Refactor the Layout

daniel zaragoza
daniel zaragoza
1,843 Points
Posted by daniel zaragoza
daniel zaragoza
1,843 Points

help with code challenge please!!!

Heres the question: " Now, clear left side of every 4th list item in the element with the id "gallery". You'll alson need to use the nth-child pesudo selector."

This is the code i've done so far. @media screen and (min-width: 480px) {

#gallery li{ width: 28.3333%; }

#gallery li: nth-child(4n) { <--- this piece of code that i wrote for that question clear: left; }

}

3 Answers

Christian Cargill
Christian Cargill
8,065 Points
Christian Cargill
Christian Cargill
8,065 Points 
 #gallery li:nth-child(4n) {
    clear: left;
  }

This should work.

Rune Jacobsen
Rune Jacobsen
15,650 Points
Rune Jacobsen
Rune Jacobsen
15,650 Points

Hey Daniel.

Try putting nth-child(4) instead of 4n, i think that might work out for you. EDIT: I think it is your space between gallery li and the nth-child selector causing the trouble.

daniel zaragoza
daniel zaragoza
1,843 Points
daniel zaragoza
daniel zaragoza
1,843 Points

I figured it out last night, it was the space between the gallery li and the nth-child(4n). But you're right Rune Jacobsen. Thanks for all the help!