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

Created on 8 Jul 2016  路  5Comments  路  Source: freeCodeCamp/freeCodeCamp

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%."

no_pass_bug

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.

Most helpful comment

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

All 5 comments

/cc @FreeCodeCamp/issue-moderators Anyone got a clue what's wrong with this one?

@mapgyik there is an error in your code. Please you the 'help' button to ask in the chat rooms.

Quick hint: The issue is in how you have selected the p element in your css

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

Thanks for the quick reply.

For others who also stuck with this issue:

. is only used for a class . and p is an element.just use p

that is right, it works for me. thanks

Was this page helpful?
0 / 5 - 0 ratings

Related issues

DaphnisM picture DaphnisM  路  3Comments

MichaelLeeHobbs picture MichaelLeeHobbs  路  3Comments

Tzahile picture Tzahile  路  3Comments

ar5had picture ar5had  路  3Comments

kokushozero picture kokushozero  路  3Comments