I cant get pass this code ..need help

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> 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 6.3; WOW64; Trident/7.0; .NET4.0E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; HPNTDFJS; McAfee; rv:11.0) like Gecko```.

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

Have a look at the the styles applied to .red-text. You start with the selector, then you have a set of curly braces and within those you can set different styles:

p {                   // <-- selector
  font-size: 16px;    // <-- style rule
}
3

did it … still not going through.
dose the zooming of 100% affect it?

4

Maybe, have you tried another browser?

This code works fine for me:

<style>
  .red-text {
    color: red;
  }
  p {
    font-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> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>