Your p elements should use the font Monospace

Your p elements should use the font Monospace
0.0 0

#1

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:


Set the Font Family of an Element / won't accept this
#2

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.


#3

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>

#4

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…


#5

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.


#6

<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>

#7

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;
}

#8

Thank you that did it.


#9

Great, Frank. :+1:

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