Welcome to the Treehouse Community
Looking to learn something new?
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 :)