Learn CSS Colors by Building a Set of Colored Markers - Step 5

HTML-CSS
1

Tell us what’s happening:

Step 5: Add another meta element within the head. Give it a name attribute set to “viewport” and a content attribute set to “width=device-width, intial-scale=1.0” so your page looks the same on all devices.

My code:
<meta name=“viewport” content=“width=device-width, intial-scale=1.0”

Hint: Your new meta element should have a name attribute set to “viewport” and a content attribute set to “width=device=width, intial-scale=1.0”

Your code so far

<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
    <meta name="viewport" content=width="device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>Colored Markers</title>
  </head>

<!-- User Editable Region -->

  <body>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Colors by Building a Set of Colored Markers - Step 5

2

Hi @regexedward and welcome to our community!

You have a misplaced quote mark. The syntax should be attribute="value".
The attribute is content and the value is width=device-width, initial-scale=1.0.