Basic CSS - Use CSS Selectors to Style Elements

HTML-CSS
1

There some problem with the page I think.

  **Your code so far**

<h2>CatPhotoApp</h2>
<style>
h2{
  color: blue;
}
</style>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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="https://freecatphotoapp.com/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 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Basic CSS - Use CSS Selectors to Style Elements

Link to the challenge:

2

Can you be a little more specific? Your HTML is passing for me. Is it not passing for you? Are you getting any messages in the console?

3

Tests

  • Passed: The style attribute should be removed from your h2 element.

  • Passed: You should create a style element.

  • Failed: Your h2 element should be blue.

  • Passed: Your stylesheet h2 declaration should be valid with a semicolon and closing brace.

Passed: All your style elements should be valid and have closing tags.

4

Do you have any browser extensions installed that change the colors on the page, such as a dark mode extension? If so, try turning them off.

5

Yes. the Dark Reader addone create some sorf of conflict. Thanks for the help.

6

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