I’m trying to complete this challenge where you create a style block. I’ve mimicked the correct code as exactly as I can, but can’t seem to get the page to accept the answer. It comes back saying “Your h2 element should be blue.”, despite the fact that the h2 element is blue. I’ve posted a screenshot of the code and the results at the bottom of this post.
Any help appreciated. Thanks!
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://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 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.136 Safari/537.36
.
Challenge: Use CSS Selectors to Style Elements
Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/use-css-selectors-to-style-elements