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 How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Jonathan Buford
Jonathan Buford
2,065 Points

When I add in this: <meta name="viewport" content="width=device-width, initial-scale=1.0> It basically breaks everything

It breaks every page I add it to. Everything works up until this point and I haven't needed to ask any questions. This is to scale the website to different screen sizes. I am on the front end web-development track on the "Adjust the Profile and Header" Video. This breaks basically everything in the body...red everywhere.

1 Answer

Hi there!

You're just missing the " at the end of the string

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

Should fix it.

Without the closing string character, the broswer keeps scanning for the end of the string past the end of your meta tag, and then when it finds one the meta tag doesn't make any sense anymore, and because it's right at the head of the document, the error happens before the rest is even loaded

Hope it helps :)

Jonathan Buford
Jonathan Buford
2,065 Points

Dude! How did I miss that?! I guess maybe its because its the longest string I've typed out so far? Anyway, your super fast response is greatly appreciated and just backs up what Ive heard about Treehouse and the awesome experience I'm having myself.

You made my day. Thank you.