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

Design Web Design Process Exploration Iterating on a Design

Posted by stanley agbontaen
stanley agbontaen
4,262 Points

mobile-first confusions???? :(

Okay, we sized the page to the content of the iPhone, but are we going to need to resize back to fit the laptop?

2 Answers

Rune Andreas Nielsen
Rune Andreas Nielsen
5,354 Points
Rune Andreas Nielsen
Rune Andreas Nielsen
5,354 Points

Hi Stanley,

When you do mobile-first development on the web, it means that you design the layout for the mobile before, bigger size devices.

There are a few benefits when you do this. One of them is that it is usually easier to "grow" a design from mobile to desktop than it is to move from desktop to mobile. The other one is that you will have less CSS executing on the mobile size than you would if you did desktop to mobile.

I hope this answers your question.

// Rune

stanley agbontaen
stanley agbontaen
4,262 Points

Thank you, Rune you really cleared after up. I couldn't appreciate it more

Steve Marson
Steve Marson
31 Points
Steve Marson
Steve Marson
31 Points

I always design for desktop first as I find it easier, but I also test and consider mobile-first as I go. When I design a website, I do that first in Affinity (great design tool, by the way) and design the desktop view alongside the mobile view, side by side. That way, I can see both design layout in one view.