# My portoflio HTML CSS class is not working

**URL:** <https://forum.freecodecamp.org/t/my-portoflio-html-css-class-is-not-working/164565>\
**Category:** General\
**Created:** [December 20, 2017, 1:16am UTC](https://forum.freecodecamp.org/t/my-portoflio-html-css-class-is-not-working/164565 "2017-12-20T01:16:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![szymon](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/szymon/32/73875_2.png) [@szymon](https://forum.freecodecamp.org/u/szymon)\
**Post date:** [December 20, 2017, 1:16am UTC](https://forum.freecodecamp.org/t/my-portoflio-html-css-class-is-not-working/164565/1 "2017-12-20T01:16:40Z")

</div>

Hi, I have problem with classes: “naw” nothing happens. Any ideas? Thank you. CSS is working other semantic tags work properly but this class not. thank you for your help.  
HTML:

```auto
<html>
  <head>
    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i,700,700i&amp;subset=latin-ext" rel="stylesheet">
  </head>
<body>
<header>
  Welcome to my portfolio
  </header>
  <naw>
    <div class="naw">
      dsa
    </div>
    </naw>
	
	
</body>
</html>

```

CSS:

```auto
body
{background-image:url(http://www.wallpapers4u.org/wp-content/forum/uploads/room_office_desk_chair_shelves_39161_1920x1080.jpg);
  font-family: 'Josefin Sans', sans-serif;
}
header
{font-size:60px;
  text-align:center;
 font-weight:700;
 color:#555;
  
}

.naw
{height:80px;
  width:100%;
  background color:#666567;
  
}

```

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [December 20, 2017, 1:31am UTC](https://forum.freecodecamp.org/t/my-portoflio-html-css-class-is-not-working/164565/2 "2017-12-20T01:31:08Z")

</div>

What doesn’t work? The `<div>` with the `naw` class gets styled as expected.

There also isn’t a `<naw>` element. Maybe you meant `<nav>`?

---

<div class="post-metadata">

**Author:** ![ofu997](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ofu997/32/73871_2.png) [@ofu997](https://forum.freecodecamp.org/u/ofu997)\
**Post date:** [December 20, 2017, 2:35am UTC](https://forum.freecodecamp.org/t/my-portoflio-html-css-class-is-not-working/164565/3 "2017-12-20T02:35:49Z")

</div>

Hi szymon,  
I copied your code on [codepen.io](http://codepen.io). It’s a good place to experiment with changes before putting them in your project. is not a valid tag, like the other replier said. I believe the only issue is the background color for class=“naw”. It is not showing a background color because the attribute is background-color, not background color. I recommend using a text editor that will recognize the correct syntax of properties.

---

<div class="post-metadata">

**Author:** ![szymon](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/szymon/32/73875_2.png) [@szymon](https://forum.freecodecamp.org/u/szymon)\
**Post date:** [December 20, 2017, 11:26am UTC](https://forum.freecodecamp.org/t/my-portoflio-html-css-class-is-not-working/164565/4 "2017-12-20T11:26:16Z")

</div>

I forgot hyphen between background and color. thank you all. I will do my project in text editor and I will copy all content to the pen. Thank once again

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 16, 2021, 5:14pm UTC](https://forum.freecodecamp.org/t/my-portoflio-html-css-class-is-not-working/164565/5 "2021-01-16T17:14:25Z")

</div>

Closed on January 16, 2021, 5:14pm UTC