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

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

<!-- User Editable Region -->

  <head>
    <meta charset=utf-8>

    <title>Colored Markers</title>
    <meta name=viewport content-width=device-width  initial-scale=1.0>
  </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/109.0.0.0 Safari/537.36

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

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

okay thanks , ill try

in here i am not able to add content width attribute in meta tag
or more accurately i forgot how to add content width attribute

the instructions say

content attribute set to width=device-width, initial-scale=1.0

So you need a content -attribute-
That means you need to write content="something" in the meta tag
(same syntax as any other attribute you ever wrote)

but the ‘something’ here is the value (the entire sentence shown in the instruction) of width=device-width, initial-scale=1.0

I know that looks weird, but just trust the process.
Write the content attribute and place the whole sentence into the quotes

so does that means i have to write like this
<meta content="width=device-width ", “initial-scale=1.0”>

but howcome there are 2 “=” sign in the same line

not quite. You need to take this more literally.

That is. They want you to create a meta element.
They want it to have a name attribute set to viewport
they also want the -same- meta element to have a content attribute
but the content attribute’s value should be the entire string given:
width=device-width, initial-scale=1.0

So just do exactly what they say without any additions. (You added extra quotes in the middle of the string, don’t do that. Just copy the whole line and put it as the value of content with a single pair of double quotes surrounding the whole thing as I mentioned in the previous post when I said to write content="something" and replace something with the given text)

The words inside the string will be parsed in a different way by the browser.

Ooo Ya I got it, Thanks .

1 Like