Bug on Opera, Firefox and Chrome "Change the Font Size of an Element"

Challenge Change the Font Size of an Element has an issue. User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36 OPR/38.0.2220.41. Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:

<style>
  .red-text {
    color: red;
  }
  .p {
    font-size: 16px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">kitty ipsum 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>kitty ipsum text Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

I’m having the following problem using Opera, Firefox, Chrome: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36 OPR/38.0.2220.41

“Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.”

I have tried the suggested methods (zoom 100%, restart) from other issues (#6242, #6335, #6664) did not solve the problem…

Kindly ask you to look into the situation.

[mapgyik]

Thanks for the quick reply. For others who are stuck with this, here is the correct code:

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

  p {
    font-size: 16px;
  }
</style>

hint: “.” is only used for a class . and p is an element. just use p

[Riverino]

that is right, it works for me. thanks