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!

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 How to Make a Website Sharing a Website Upload the Website

Sam Donald
Sam Donald
36,305 Points

teehousewebsite.com?

I just visited the site (treehousewebsite.com) on my iPhone 4s and it didn't load the mobile version! What gives??

3 Answers

Nick Pettit
STAFF
Nick Pettit
Treehouse Teacher

Hi Sam Donald,

You are correct. There is indeed a small mistake in the course that is in the process of being corrected. You need to add the following code inside of your <head> element for it to work properly:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

This was in the original build of our example project, but I mistakenly forgot to include it in the screencasts and code examples on the site. We should have this fixed in the next week or so.

Cristian Cisneros
Cristian Cisneros
794 Points

Sam,

Visit the website again and flip your phone landscape style. It's a responsive website. Check the source code and you can see the responsive CSS.

http://treehousewebsite.com/css/responsive.css

Sam Donald
Sam Donald
36,305 Points

Thanks Nick, I added the code to my build and it fixed it but when I looked up the Treehouse original build it only loaded the desktop version.

Nick Pettit
Nick Pettit
Treehouse Teacher

Yep, the code on treehousewebsite.com is exactly the code I wrote while recording, so it will contain the inaccuracy until I fix this issue. I'm glad to hear the added code worked for you!