Inline Styling and Hex to mix color

Inline Styling and Hex to mix color


I have try all my possible best to get out of this section but seems I can’t pass here. Please can someone tell me where am wrong? The challenge keep telling me the <h1> I am green></h1> should be green and I typed this code
<h1 style= "color:green" class="green-text">I am green!></h1>


  .red-text {
  .green-text {
    color: #00FF00;
  .dodger-blue-text {
    color: #2998E4;
  .orange-text {
    color: #FFA500;

<h1 style="color:red"class="red-text">I am red!</h1>

<h1 style="color:green"class="green-text">I am green</h1>

<h1 style="color:dodgerblue"class="dodger-blue-text">I am dodger blue!</h1>

<h1 style="color:orange"class="orange-text">I am orange!</h1>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 5.1; Infinix HOT 3 Build/LMY47I) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.84 Mobile Safari/537.36.

Link to the challenge:


You should only be modifying code in between the <style> and </style> tags per the instructions. That section is known as the style element. You added a style attribute inside each h1 element which is incorrect. Just reset your code and only change the hex codes for the colors per the instructions.


Inline style is discouraged, you should use classes and a stylesheet whenever possible.