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!
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
Hello, So instead of using 'clear: both', I simply made the width: 100% for the .guestlist media query and got the same
I got the same result. I am not sure why both ways worked though? is there anyone who possibly can explain?
Steven Parker228,119 Points
With a width of 100%, the element needs an entire line for itself, so it must be placed clear of any floats.
That's a clever but very unconventional alternative to the common practice of using the "clear" property.
Russell RiceFront End Web Development Techdegree Graduate 15,783 Points
So instead of using 'clear: both', I deleted the float left and made it display: inline-block; for the h2 under @media (min-width: 769px) and got the same result