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 A X
A X
12,842 Points

Another question about nth child in application, why does the 4th child cover everything?

I feel like the nth child wasn't explained well in terms of why does Nick specifiy the 4th child? When Nick decreased the screen size wouldn't the child decrease to the 3rd child (since the columns are now only 2 wide)? What is the parent element?

Dennis Amiel Domingo
Dennis Amiel Domingo
17,039 Points

I guess the reason is because the 4th child was the one "breaking away" when the screen size makes the images turn into 3 columns. The parent element, I think, is the element "li". What I'm not sure about is what is being cleared when we use "clear:left" on the 4th child.

Bogdan Lalu
Bogdan Lalu
6,419 Points
Bogdan Lalu
Bogdan Lalu
6,419 Points

What I would like to add to your question is whether there is a robust solution to this issue considering that captions could be extracted programmatically from a database, therefore we would not know when a certain caption might break the layout again maybe on the 20th page of results. Should a max length on these captions be enforced and then design the website taking into account that max length?