Change the Font Size of an Element is not working

1

Tell us what’s happening:

Your code so far

<style>
  .red-text {
    color: red;
  }p{front-size:16px};
</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 class="red-text">kitty ipsum text</p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 7.0; TECNO Camon CX Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.116 Mobile Safari/537.36.

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

2

front-size should be font-size.

The semicolon goes right after 16px, not after the closing }.

According to the tests, the second <p> element should have no class attribute.

The second <p> element should contain the text that’s in the instructions (Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.)