Use a CSS Class to Style an Element, Help please

Use a CSS Class to Style an Element, Help please
0

#1

“Your spreadsheet should declare a red-text class and have its colour set to red”

I’ve tried a few times but no luck, anyone help me and maybe explain?

thank you in advance.

Your code so far


<style>
  h2 {
    color: red;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <div>
    <p>Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p>Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>
  
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.1.2 Safari/605.1.15.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/use-a-css-class-to-style-an-element/


#2

Your CSS is setting the color to red on h2 elements. You have not created any classes.


#3

thank you for your reply, I see what you meant and have sorted it, still learning slowly, thank you.


#4

So, for you to declare the “red-text”, you must create the “red-text” class in your style element.
If you take a look at the challenge, take a look at the example they provide, hopefully that helps you.


#5

en même temps je pense qu’a l’avenir sauf si je me trompe il faudra eviter le melange sur une meme page du html et css autrement dit eviter de faire endosser les deux charges sur le html