Tell us what’s happening:
Your code so far
<style>
h2{
color: red;
}
</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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36
.
Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/change-the-color-of-text
Your code is correct in that it works and that is a best practice to separate style from HTML markup.
BUT
The way the test was set up for this challenge they are looking for a style applied inline terminated with a ;
similar to the example.
Faiyaz
August 4, 2018, 7:35am
3
how to end style declaration with a;
There are types of writing CSS styles, internal, external and inline, what you have done is internal and its correct but the test requires you to write inline style,
Ex: <tag style="any-property;"></tag
>
Write your h2 as in the example with the required style asked in the test and also end with ;
as mentioned
Faiyaz
August 4, 2018, 10:05am
5
CatPhotoApp
Click here to view more cat photos .
Things cats love:
cat nip
laser pointers
lasagna
Top 3 things cats hate:
flea treatment
thunder
other cats
Indoor
Outdoor
Loving
Lazy
Energetic
Submit
but it shown your style declaration end with a;
Can you provide the code.?
Faiyaz
August 4, 2018, 10:40am
7
CatPhotoApp
Click here to view more cat photos .
Things cats love:
cat nip
laser pointers
lasagna
Top 3 things cats hate:
flea treatment
thunder
other cats
Indoor
Outdoor
Loving
Lazy
Energetic
Submit
Faiyaz
August 4, 2018, 10:45am
8
the code is not getting pasted
In the message editor do you see this symbol </>
, click that and paste your code inside that or send a screenshot of your code.
**<h2 style= "color: red;"">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>=**