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


Motoki Higa
Motoki Higa
14,111 Points

About the work flow. I thought designing mobile layout first, then think about laptop later. However in this course..

As I was taught in earlier lecture, I thought we need to think about mobile layout first, then move on to desktop layout. However at the end of this course, we optimised desktop layout to mobile layout by using @media queries.

Simply, this is my curiosity, and I think it's good to know how actually you work in real life projects? Why we did not design mobile layout first, then optimise the layout for desktop devices by using @media queries?


Which course is it?

Motoki Higa
Motoki Higa
14,111 Points

Hi Jason, Sorry I thought this question just go straight below the video I was watching. So, this is CSS basic course, and the name of lecture video is "Adjusting the Layout with Media Queries" 13:16.


It depends on how you asked the question.

Below the video is a "get help" button. If you ask through that interface then it should automatically link to the video you're on.

If you went to the community page and clicked the "ask" button then you have to provide the relevant information.

1 Answer

Hi Motoki,

You're correct. It does appear that in the media query section a desktop first approach is used.

I suspect that this part of the course was only designed to teach you about media queries and not so much about which approach, mobile or desktop, you should take when building a site.

It's generally recommended that you take a mobile first approach. So if you were doing a brand new project today, you'd likely want to take a mobile first approach.

In this case, you'd use min-width in your media queries and have successively higher and higher breakpoints.

Motoki Higa
Motoki Higa
14,111 Points

Great to know. Thanks Jason.