ujj
June 22, 2020, 11:10am
1
Error in Your h2
element should be blue
<html>
<style>
h2{ color: blue; }
</style>
<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>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Safari/537.36
.
Challenge: Use CSS Selectors to Style Elements
Link to the challenge:
Learn to code. Build projects. Earn certifications.Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft.
Sky020
June 22, 2020, 11:18am
2
Hello there,
You have changed code you are not supposed to. I am not sure why you added html
tags, but you were not supposed to remove the entire h2
element.
I recommend you reset the challenge, and re-read the instructions.
ujj
June 22, 2020, 7:51am
3
Tell us what’s happening:
error shown " Your h2
element should be blue."
Your code so far
code written—
h2{ color: blue; }
Have you deleted the style attribute of the h2 element? Did you put your CSS inside an opening <style>
and closing </style>
tags?
ujj
June 22, 2020, 10:24am
5
Yes. Still getting the error
<style>
h2{ color: blue; }
</style>
Could you please copy and paste the entire code, including the HTML?
ujj
June 22, 2020, 10:49am
7
<style>
h2{ color: blue; }
</style>
<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>
Sky020
June 22, 2020, 11:01am
8
Hello there,
For future posts, if you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.
Thank you.
ujj
June 22, 2020, 11:41am
9
I got the solution I didn’t add text for h2 element , thats why the error was shown .
Thank you all for your precious time in seeing into my problem and suggesting different solutions.