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
Leigh Maher
21,830 PointsIs the CSS mobile first?
At the start of this video, Guil says that the CSS is "still" mobile first.
It seems to me that the CSS we build up to this stage was desktop first, and then he used this media query to apply the mobile styles @media (max-width: 768px).
My understanding here is that when the the screen is below 768 these styles get applied.
Now, I've just downloaded the files for this video, and he's completely reversed the styles so that it does deal with mobile first, but he never went through how he implemented these steps. Did he?
I'm very confused. Did I miss a video?
3 Answers
Kevin VanConant
1,833 PointsHis videos too me starts out as a desktop site and the media queries do make it fluid for mobile.
Leigh Maher
21,830 PointsI don't know how, but it turns out I did miss a video! The very one where he converts the CSS from desktop first to mobile first, and now this video does make sense.
Kevin, you're right. He did start out with desktop first, but in the video that I missed he explains why it's more efficient to design for mobile first, and then he changes all the CSS so that the media queries deal with the desktop design, not the mobile design.
Thanks.
mohamed samir
1,152 Pointsnow what can i do to use desktop desgin and mobile desgin becouse i don't understand ???