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

CSS CSS Layout Basics CSS Layout Project Creating and Styling the Layout Containers

Troy Mosby
Troy Mosby
3,253 Points
Posted by Troy Mosby
Troy Mosby
3,253 Points

Why does Guil look at a large viewport while using a mobile-first approach?

I’m trying to get an understanding of Guil’s process. If he’s editing the base styles in a mobile-first approach, why write the code while looking at a large viewport instead of shrinking the screen to a mobile-sized viewport? Is there any advantage to coding mobile-first while looking at a larger-than-mobile sized screen?

1 Answer

Liam Clarke
Liam Clarke
19,938 Points
Liam Clarke
Liam Clarke
19,938 Points

Hi Troy

There is no benefit to doing this other than seeing how it will look zoomed in, essentially

However, the reason was probably more for clarity when recording this video, it would be hard to visually see if Guil reduced the screen size to mobile screen size.

This could also be personal preference, for me, I will test at all screen sizes to test the responsiveness and then I will test on multiple emulated devices from mobile, tablet, desktop, wide screens, etc.