Use a CSS Class to Style an Element. Can't understand

HTML-CSS
1

Tell us what’s happening:

Your code so far

  h2 {
    color: blue;
  }
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<h2 class="red-text">CatPhotoApp</h2>
<h2 style ="color: red">gigi.com</h2>
<style>
  .blue-text {
    color: red-taxt;
  }
</style>```
**Your browser information:**

Your Browser User Agent is: ```Mozilla/5.0 (Linux; Android 7.0; IF9001 Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.83 Mobile Safari/537.36```.

**Link to the challenge:**
https://www.freecodecamp.org/challenges/use-a-css-class-to-style-an-element
![Screenshot_20180501-150722|281x500](upload://dofadUVacv5tFmAtLqeqYkIgnUn.png)![Screenshot_20180501-150730|281x500](upload://i7UqFHBTMy0YuOXuUE9QVGTw7A1.png)
2

One of the descriptions says: “Your stylesheet should declare a red-text class and have its color set to red.”
And you have the color blue:

h2 {
      color:blue;
}

And this should be inside the elements at the top of the page.

Also, the block:

<style>
  .blue-text {
    color: red-taxt;
  }
</style>

under the h2 can go, once you’ve fixed the style at the start of the document.

And one of the tasks is:
“Do not use inline style declarations like style=“color: red” in your h2 element.”
And you did just that: <h2 style ="color: red">gigi.com</h2>

The best thing to do is to scroll down and take a good look at the individual tasks of the challenge, and tackle/check them one by one. Also, when you’ve fiddled around too much and the code seems all messed up, then the Reset button will come to the rescue. It lets you start with a clean slate.