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 Mobile First Design

What is your target device? A mobile phone or a tablet? Because it looks like a landscape design.

Because your design is horizontal you seem to target tablets right?

4 Answers

dear max,

from looking at the video it looked more as if where coming from a portrait perpective.

kind regards,

fabian

Vipul V
Vipul V
1,138 Points

Hey Fabian,

The design show in the video is for mobile (in portrait mode). When I read your question, then for once I thought that yes it could be a confusion.

But if you to go through the video again, Nick Pettit has put the menu (hamburger) on the extreme right and the logo on the extreme left end of available view port (screen). Had it been landscape mode, there would be more space in between them to accommodate few more items ( like navigation tabs, links, etc), which he has neither discussed nor put in the design.

So with just two items(logo on the left and menu on the right) present on the extreme ends of the screen, it is made for portrait mode.

I hope this logically makes sense to you.

Also, in the next video, he's putting the wireframe design into an iPhone in portrait mode.

Thanks for bringing up this question.

Max Senden
Max Senden
23,177 Points

Hi Fabian,

A mobile first approach (whether it's tablet or phone) is usually designed from a portrait point of view. Landscape views generally don't tend to work well on phones with small screen sizes.

Hope it helps, Max

Another thing is what i remember is that we use media queries to create dimensions within given positions: orientation horizontal and vertical and dimensions width and height. that is as far as i remember.

Dear Vipul,

Currently i am following different courses so my answers could be of. My attention now would be more with C# or Python.

I am a switcher between subject. So my answers vary according to what is in my frontal loab at this particular time.

Best Regard,

Fabian Pijpers.

Vipul V
Vipul V
1,138 Points

I can understand Fabian. Good to know that you are an avid learner too. All the best with your future learning.