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
Michael L
2,482 PointsWhy is it exactly the 4th item (#9) that is causing the issue during window resizing and what is "clear" doing to it?
Watched that part of the video a few times and still do not quite get what kind of issue does that 4th item bring? What exactly applying "clear" property to it does and why it fixes the issue?
1 Answer
Alexander Costa
11,464 PointsI dont fully understand what your asking but I believe your confused on how 'clear' works or why you need it.
When you choose to float somthing left or right you're basically telling the browser to shove what is that you want to float as far left or right as it can go. When an object is floated it will allow other content to wrap around it such as words being around pictures, thus unless you clear a float stuff can wrap around it. basically floating anything left or right will place the item to one side of the stack and allow the things below it to linger on the side of the object unless you clear it.
if this is still confusing or I am not describing it well enough maybe this will help. https://css-tricks.com/all-about-floats/
Michael L
2,482 PointsMichael L
2,482 PointsAlex - sorry for the delay in my response and thanks for the answer!