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 trialIvailo Ivanov
3,401 PointsThree 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
6,116 PointsHi 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?