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
Kayelan Nyako
Courses Plus Student 2,849 PointsHow to change 2 column float to 1 column when down to a media query of max-width 480px
My page I'm working on is linked here
I would love to get the "About me" and "Shoppe" columns to turn into 1 single column... cancel out the floats, but the "float:none;" isn't working. Any ideas?
Please dont mind the messy code.
3 Answers
Owa Aquino
19,277 PointsHi Kayelan,
Check if your class still has floats property like float: left / right. Then you have to remove it.
You don't have to add float:none on the classes for "About me" and "Shoppe" columns.
Kayelan Nyako
Courses Plus Student 2,849 PointsIt does have float left/right for the desktop view. When you say remove it, do you mean put float:none; in the media query?
Owa Aquino
19,277 PointsNope. what I mean is remove/delete the code/properties in the media query.