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

Step 5 it says this
image
What does it mean?

  **Your code so far**
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Colored Markers</title>
 <meta>
  </meta Markers="viewport"="content"="width=device-width, initial-scale=1.0"
</head>
<body>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

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

Link to the challenge:

Hello again. What this step asks you to do is:

  1. Nest a meta tag inside your head element.
  2. Give it a name attribute, and set it to viewport.
  3. Give it a content attribute, and set it to width=device-width, initial-scale=1.0.

You already know how to do 1., it’s the same as with your charset meta element.

To do 2. and 3., you need to follow a similar process to when you wrote your charset meta element. You need to give it two attributes, and give each a specified value.

An example of an element with more than one attribute:

<header class="header" name="header">
</header>

It’s the same as:

<header name="header" class="header">
</header>

Because when you have more than one attribute set to an element, the order in which you write them does not matter.

Remember that:

This meta element is nested inside your head element, because its beginning and end are inside the head element.

Also remember that:

charset is an attribute that you’re giving to your meta element, and you’re setting it to utf-8. The correct syntax for an element with an attribute is:

<element attribute="value"></element>.

An element with more than one attribute would then be:

<element attribute1="value1" attribute2="value2"></element>

Where attribute1 and attribute2 can switch places, because as I said their order does not matter.