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

Andrew Lim
Andrew Lim
8,004 Points

If your mobile design has more content than the single screen, do you create multiple mobile containers or stretch it?

If your mobile design has more content than the single screen, do you create multiple mobile containers or stretch the mobile container so that it is very long?

4 Answers

Diana Ci
Diana Ci
18,672 Points

If you have to show more valuable information, I think is good to have more then one mobile container. In this way all the information and photos will be more visible then in the case of shrinking everything just in one mobile container. For example if you have to wireframe a website that sells t-shirts: in first mobile container you will show how the first/main/home page looks like,
and in the second mobile container you will sketch how a selling one t-shirt page looks like. Hope I've been helpful :)

Rhys Kearns
Rhys Kearns
4,976 Points

I think your question is related to responsive web design - Usually you would go the route of Mobile First, this means you start off by making the mobile version first. This usually only includes the most basic features and not everything your main website would. As Raffael said you would either hide most content behind a menu (like a hamburger menu), or you would just shrink it down and make them have to scroll down.

Raffael Dettling
Raffael Dettling
32,998 Points

On concept is a onepager where you scroll down the page till all content is displayed another methode is a menue with links to your other content with the same layout. Was that your question ? ^^

If you are designing a mobile page and the content is larger than the screen height then I would increase the height of the mobile device to stretch until it suitably fits your header... all your content and your footer. Having lots of mobiles would waste space and clutter your design.