Basic CSS - Use CSS Selectors to Style Elements

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I think there is a bug in the test panel. All my codes are true and the catphotoapp heading is turning blue also but unable to pass the test

Screenshot 2022-12-11 014304
Screenshot 2022-12-11 0143042000×887 464 KB

Your code so far

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

<h2>CatPhotoApp</h2>
<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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36 Edg/108.0.1462.42

Challenge: Basic CSS - Use CSS Selectors to Style Elements

Link to the challenge:

2

you must editted other thing accidentally,reset it,add only the style (<style></style>) with its code by copying it from here.and it will work.i checked it.

3

i just did it again, reset it and copied style and then…
i also copied the code from hit and it still didnt work.
whats weird is that the h2 is sucessfully changing color to blue in the browser to the right but it wont let me pass the test :frowning: .

Screenshot 2022-12-11 110211
Screenshot 2022-12-11 1102111893×877 403 KB

4

The code looks correct so the remaining issue might be your browser extensions.

Try one of the following:

  • Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

1 Like
5

Thanks i disabled extensions and cleared all data and cache it sucessfully passed. i appriciate for the response. Thanks <3

1 Like