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

CSS CSS Layout Basics CSS Layout Project Before You Start the Layout Project

Laly Singh
Laly Singh
2,029 Points

.clearfix not working media query 769px for columns

Hello,

Trying to understand why the clearfix I put for the media query wider than 769px dont work. I had to use a padding-bottom value to adjust the two columns which is probably not right?

Snapshot here : https://w.trhou.se/siliepmmf5

Thank you!

1 Answer

Abdulrahman AL-Janabi
seal-mask
.a{fill-rule:evenodd;}techdegree
Abdulrahman AL-Janabi
Front End Web Development Techdegree Student 5,257 Points

Hi Laly,

the clearfix class will be working only when you apply all of its child div elements a floating property. Please check what I did in your workspace especially when I add col class a float property to the left and also remove col class from the parent div element of these columns

https://w.trhou.se/yjnm93mxb9