Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

jennifer ray
jennifer ray
7,875 Points

mobile 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
Jeff Lemay
14,267 Points

It'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).

Hi 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
jennifer ray
7,875 Points

Thank 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.