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

Ryan Schmelter
Ryan Schmelter
9,710 Points
Posted by Ryan Schmelter
Ryan Schmelter
9,710 Points

Format getting messed up because first image is pushing third away.

Hoping someone might be able to advise: The text wrap on my first image is pushing the third image in away in smaller screen sizes and messing up the format. I tried using nthchilld(n3) clear left, but this just messes up the formatting after the third image. Any idea how to resolve this. And/or does anyone know of a good resource to better understand dealing with all the weirdness that comes with floats?

Francisco Osegueda
Francisco Osegueda
11,114 Points
Francisco Osegueda
Francisco Osegueda
11,114 Points

May I see your code? I might be able to help if I see what is going on.

This help me a lot with floats https://css-tricks.com/all-about-floats/

Kenneth LaBounty
Kenneth LaBounty
10,631 Points
Kenneth LaBounty
Kenneth LaBounty
10,631 Points

I can't see your code but you have the number and letter transposed, it should read nth-child(3n).

Kathryn Notson
Kathryn Notson
25,941 Points

Ryan Schmelter:

Review the video. The instructor uses: "li:nth-child(4n)." that will clear everything before the 4th image, which is where the problem is.

I think you posted this question twice.

Be sure to follow the instructions for "Markdown Cheatsheet" so you can post all your code correctly.

Here's a link to look at: https://css-tricks.com/almanac/selectors/n/nth-child/