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 S M
S M
892 Points

Nth-child for my responsive.css

Okay - I am finding this very frustrating, I have copied the code exactly from the video but somehow nth-child is not responding to my command.

I went through the code again, and again to see maybe I am missing something but can't seem to find where I am getting it wrong.

my code is here https://w.trhou.se/1mjc2jcmsj

Please check on index.html and responsive.css

Thanks for your help

2 Answers

jsdevtom
jsdevtom
16,963 Points

I think the problem is that #gallery li:nth-child (4n) should instead be #gallery li:nth-child(4n) (No space)

S M
S M
892 Points

These little details spacing, semicolon etc really get's to me. Thank you!

Sean Hayes
PLUS
Sean Hayes
Courses Plus Student 8,106 Points
Sean Hayes
Sean Hayes
Courses Plus Student 8,106 Points

@tomlearnsstuff hit the nail on the head, check the spacing