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

Ivailo Ivanov
Ivailo Ivanov
3,401 Points
Posted by Ivailo Ivanov
Ivailo Ivanov
3,401 Points

Three Column layout problem

When attempting to clear the 4th image to allow it to begin on a new line it does not work. I tried using the corrected code li: nth-child(3n+1) but it still gives me the distorted layout from before

1 Answer

Tamsin Waters
Tamsin Waters
6,116 Points
Tamsin Waters
Tamsin Waters
6,116 Points

Hi Ivailo, did you figure out, or get an answer as to why it's not working for you?

I am having the same problem, and haven't managed to find an answer on here! Have definitely typed it correctly

@media screen and (min-width: 480px) {
#gallery li {
        width: 28.3333%;
    }
    #gallery li:nth-child(4) {
        clear: left;
    }
}

Can anyone help please?