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 trialstanley agbontaen
4,262 Pointsmobile-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
5,354 PointsHi 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
Steve Marson
31 PointsI 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.
stanley agbontaen
4,262 Pointsstanley agbontaen
4,262 PointsThank you, Rune you really cleared after up. I couldn't appreciate it more