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
Jonathan Buford2,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.
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 :)