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

Add another self-closing meta element within the head. Give it a name attribute set to viewport and a content attribute set to width=device-width, initial-scale=1.0 so your page looks the same on all devices.

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; rv:109.0) Gecko/20100101 Firefox/109.0

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

Link to the challenge:

You don’t need to repeat the instructions in here. What would be better is if you explained in your own words what you don’t understand about the instructions or what you don’t understand about why the test if failing.

“Give it a name attribute set to viewport

You did this correctly.

“…and a content attribute set to width=device-width, initial-scale=1.0

You did not do this correctly. Remember, adding an attribute/value to an element follows this pattern:

attributeName="attributeValue"

You followed that pattern for the name attribute. Now you just need to follow that pattern for the content attribute.

i understand, thank you!!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.