Change the Font Size of an Element - Browser and Text zoom should be at 100%

1

Hi! I’m trying to pass this challenge but it seems that I have to set the browser and text to 100% ??

Am I missing something? This is my code so far:

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

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.108 Safari/537.36.

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

2

When defining css properties for element selectors such as p, h1, h2, etc… you do not use a dot in front of the selector. Only using a dot in front when defining a class (i.e. .red-text, because red-text is a class and not an element).

1 Like