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


10,616 Points

Minimum width for responsitive Layouts?

Hey guys =)

I´m currently creating my first homepage and encounterd some problems with my responsitive layout ... hopefully some of you can help me.

As I´m creating an position: absolute navigation I reached the minimum width of 302px. When getting below the 302px my whole layout completey collapses. So my question is now: What are the minimum width-range you guys are designing your layouts? I think 302px is enough, but I´m kinda unexperienced.

I could imagine designing a completely new navigation for devices below 302px, but if devices below 302px aren`t really existing it would be kinda worthless,ur?

Would be thankful for an answer


3 Answers

Peter Smith
Peter Smith
12,347 Points

I try to follow the advice found here. The gist is to start with the smallest screen and work outward from there and don't pay TOO much attention to breakpoints.

In your case, if you're not designing for smartwatches 302 is enough.

I would argue 320 is enough unless you have a special reason for going down to 302. Some layouts I've done start breaking around 319, but that's OK because I wasn't targeting anything smaller than a smart phone.

Here is a Web page showing Screen Sizes for different devices. Nothing on that list has a width smaller than 320px, but it also doesn't include smart watches if that's something you need to care about.

10,616 Points

Thank your very much =)

Ive also started to work from the smallest screen, but havent had the idea from which width to start. Now I can continue =P