The Font Family of an Element

Tell us what’s happening:

Your code so far

<style>
  .red-text {
    color: red;
  }

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

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 7.0; Redmi Note 4 Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.84 Mobile Safari/537.36.

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

@Surjodeep

You haven’t expressed what the trouble is.

It looks fine, perhaps try a lower case “m” on monospace.
Wasn’t there a line for font size in the p selector as well setting it to 16px just before this challenge?

It does not hurt to leave the font size in there.

-WWC

I did everything including font-size in p selector and lowercase m too for monospace but nothing seems to work.

What exactly is the issue? Where is the break happening?

@Surjodeep

What sort of device and web browser are you using?

It might be frowned upon but since you shouldn’t be stuck at a point like this for long, here is my code below, copy the entire block to your input window.


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

Cheers,
-WWC

1 Like

Thanks guys, it worked out finally.
The code that i typed in was similar to what WWC had posted.
I was having trouble with the online editor.