Your p elements should use the font Monospace

Hello everyone. I’m Frank from Los Angeles. Having trouble with this step. every time I test it says Your p elements should use the font Monospace. Everything looks good but no dice.

Your code so far

<style>.red-text {color: red;}.p{font-size:16px;}{font-family:Sans-serif;}</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/set-the-font-family-of-an-element

In the example, they applied the font-family of Sans-serif to the h2 element. You need to modify the p element selector in between the style tags to use the Monospace font-family. You need to add something in addition to the font-size property to the p selector.

Use the example as a guide.

Everything looks right, still getting the same error message

<style>.red-text {color: red;}.p{font-size:16px;}{font-family:Monospace;}</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Check that final pair of curly braces. All the style attributes for the p tag should go in a single pair of braces.

Also .p means anything with the class p, not p elements…

I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums


<style>
.red-text {color: red;}
.p{font-size:16px;}{font-family:Monospace;}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Use p to style <p> elements, not .p (it means something different).

You also don’t put one property in its own pair of braces. It should look like this:

p {
  font-size: 16px;
  font-family: Monospace;
}
1 Like

Thank you that did it.

1 Like

Great, Frank. :+1:

Please refrain from starting seperate threads on the same issue, though. I’ve merged these for readability.