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

**URL:** <https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419>\
**Category:** Curriculum Help\
**Tags:** html, css\
**Created:** [June 25, 2023, 10:40am UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419 "2023-06-25T10:40:45Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![naveenk1720](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naveenk1720/32/322391_2.png) [@naveenk1720](https://forum.freecodecamp.org/u/naveenk1720)\
**Post date:** [June 25, 2023, 10:40am UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419/1 "2023-06-25T10:40:45Z")

</div>

**Tell us what’s happening:**  
Describe your issue in detail here.  
how to create meta element with name attribute to viewport and content attribute to width=device-width.

**Your code so far**

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  <meta viewport, width=device-width, initial-scale=1.0>
    <title> Colored Markers</title>
  </head>
  <body>
  </body>
</html>

```

**Your mobile information:**

```txt
moto g82 5G - Android 12 - Android SDK 31

```

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

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-colors-by-building-a-set-of-colored-markers/step-5)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![Cody\_Biggs](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cody_biggs/32/358652_2.png) [@Cody\_Biggs](https://forum.freecodecamp.org/u/Cody_Biggs)\
**Post date:** [June 25, 2023, 10:47am UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419/2 "2023-06-25T10:47:49Z")

</div>

The directions say

. Give it a `name` attribute set to `viewport` and a `content` attribute set to `width=device-width, initial-scale=1.0`

Where is your name attribute?

---

<div class="post-metadata">

**Author:** ![naveenk1720](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naveenk1720/32/322391_2.png) [@naveenk1720](https://forum.freecodecamp.org/u/naveenk1720)\
**Post date:** [June 25, 2023, 2:56pm UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419/3 "2023-06-25T14:56:39Z")

</div>

[quote=“Cody\_Biggs, post:2, topic:618419, full:true”]  
The directions say

. Give it a `name` attribute set to `viewport` and a `content` attribute set to `width=device-width, initial-scale=1.0`  
sir these are the instructions:

You can have multiple self-closing meta elements on a web page. Each element adds information about the page that cannot be expressed by other HTML elements.meta element within the Add another self-closing metahead. Give it a name attribute set to viewport and a content attribute set to so your page looks the same on all devices.width=device-width, initial-scale=1.0

---

<div class="post-metadata">

**Author:** ![Cody\_Biggs](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cody_biggs/32/358652_2.png) [@Cody\_Biggs](https://forum.freecodecamp.org/u/Cody_Biggs)\
**Post date:** [June 25, 2023, 3:18pm UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419/4 "2023-06-25T15:18:36Z")

</div>

Those are the instructions and if you look further down in that text you will notice that I posted exactly what you need to do pass the challenge which are the directions of what you need to do. As I also pointed out to you is that you do not have a name attribute which is required as the directions say.

Do you know how to make a name attribute? If not I can help you

---

<div class="post-metadata">

**Author:** ![naveenk1720](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/naveenk1720/32/322391_2.png) [@naveenk1720](https://forum.freecodecamp.org/u/naveenk1720)\
**Post date:** [June 25, 2023, 4:01pm UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419/5 "2023-06-25T16:01:31Z")

</div>

i dont know please say

---

<div class="post-metadata">

**Author:** ![Cody\_Biggs](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cody_biggs/32/358652_2.png) [@Cody\_Biggs](https://forum.freecodecamp.org/u/Cody_Biggs)\
**Post date:** [June 25, 2023, 4:06pm UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419/6 "2023-06-25T16:06:25Z")

</div>

Same way how you did the other. See how you set the width, and initial-scale? Its done the same way except you use the word name. Then viewport is the value of your name attribute

Also you need to add “ “ around everything that comes after each equal sign in your meta tag.

Also just noticed you do not have the content attribute. Read the directions carefully to make sure you have everything you need

This will help

> **[Responsive Web Design Viewport](https://www.w3schools.com/css/css_rwd_viewport.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [December 25, 2023, 4:06am UTC](https://forum.freecodecamp.org/t/learn-css-colors-by-building-a-set-of-colored-markers-step-5/618419/7 "2023-12-25T04:06:40Z")

</div>

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