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 trialjennifer ray
7,875 Pointsmobile first approach
Hello, I might be asking this before I have come across the answer on the course but am curious. If I was to go away on my own and design a website would I be best making it as a mobile site then adding break points etc. in to adapt it to larger devices?
3 Answers
Jeff Lemay
14,268 PointsIt's kind of up to you and the application/website. I personally prefer to work from desktop down to mobile, taking away features (display:none) as devices get smaller. You can try to gauge whether users are more likely to be on mobile or desktop and then make a decision.
If you go mobile first, all your media queries will be (min-width:###px).
If you go desktop first, all your media queries will be (max-width:###px).
magnusluca
2,792 PointsHi Jennifer, Mobile first is the new black. If your creating a responsive site, mobile first is a good way to approach the responsive layout. But it also depends on the website you are making. For instance, if you are making a site, that most people would enter from a mobile device, it could be to get directions, to buy something on the go, then again mobile first. And after make it scale for larger devices. But some sites, it could be campaign sites or other business sites, are more focused on larger screens and desktop. Then it make sense to have a desktop layout and afterwood hide and adjust elements for smaller screens.. Hope it makes sense..
jennifer ray
7,875 PointsThank you :) Magnusluca I have read many documents that mobile first is best option. Jeff that is a good way of looking at the mobile first approach with the media query either being (min-width:###px) or (max-width:###px). I get the feeling its personal as to how you start your web page I guess practice and I will see what suits me. Thanks again.