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

andres garcia
andres garcia
3,113 Points
Posted by andres garcia
andres garcia
3,113 Points

Nth-child for my responsive.css page is giving me problems it isnt working. it just keep messing up the gallery

gallery li:nth-child(4n) { clear: left; }

does not work every time i put it. i refresh the page and its not responding to my command.

2 Answers

Cristhian Cordero
Cristhian Cordero
4,871 Points
Cristhian Cordero
Cristhian Cordero
4,871 Points

Look if you put the id "#" at the beginning on the responsive.css file -> #gallery li:nth-child(4n) { clear: left; }

andres garcia
andres garcia
3,113 Points
andres garcia
andres garcia
3,113 Points

gallery li{

width: 28.3333%;

}

gallery li:nth-child(4n) {

   clear:left;

}

i did just like he did on the vid.

Cristhian Cordero
Cristhian Cordero
4,871 Points
Cristhian Cordero
Cristhian Cordero
4,871 Points

you have to change gallery to #gallery (all of them)

#gallery li{
width: 28.3333%;
}

#gallery li:nth-child(4n) {
   clear:left; 
}