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

General Discussion

Adam Maley
Adam Maley
5,946 Points

When going for a mobile first approach, which iphone is the standard?

The sizes of the phones changes constantly, so which phone do you base your website for?

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points

The trick is not to get hung up on the sizes of different phones.

If you've worked on multiple websites, you've probably reached the conclusion already that designs will differ mainly clients needs and a breakpoint of say 360px width might be appropriate for one website but not for another.

Of course, if you have certain handsets available for testing, then use them. But consider the meaning of the word breakpoint. In Web Design, the breakpoint is a point in your design where it "breaks" or no longer looks good and needs a media query to tweak it. It's not linked to a particular size, but based purely on the needs of your design! :-)