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

HTML

Posted by kask
kask
7,509 Points

Website layout, help

For my mobile only it will have just a login screen then on desktops and ipads/tablets it will have the full website how do i add the html that will be shown in tablets/desktop view without it showing on the mobile view when i am in mobile view?

2 Answers

Lonnie Wibberding
Lonnie Wibberding
18,318 Points

Usually you should put this in the head section:

<meta name = "viewport" content = "width = device-width">

iDevices have strange pixel layouts. This effectively sets the code to recognize this. More info here: http://www.idev101.com/code/Marketing/iphone_friendly.html

kask
kask
7,509 Points

Thank you so much :)

Muhammad Mohsen
PLUS
Muhammad Mohsen
Courses Plus Student 10,843 Points
Muhammad Mohsen
Muhammad Mohsen
Courses Plus Student 10,843 Points

Hi kask,

What i understand from your explanation, that you want to show and hide elements depends on device, If so, This can be accomplished with Media Queries , i recommend you to watch media queries stage within css foundations course

http://teamtreehouse.com/library/css-foundations

kask
kask
7,509 Points

Yes indeed, i will be finishing up on the css foundation within the next few days.