Need help with CSS tutorial Font-Size of an Element

Need help with CSS tutorial Font-Size of an Element
0

#1

Tell us what’s happening:

I can’t get my font-size code to work on

elements

Your code so far


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

<h2 class="red-text">CatPhotoApp</h2>
<main>
  <p class="red-text" class="font-size">Click here to view more <a href="#">cat photos</a>.</p>
  
  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
  
  <div>
    <p class="font-size">Things cats love:</p>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
    <p class="font-size">Top 3 things cats hate:</p>
    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>
  </div>
  
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label><input type="checkbox" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/change-the-font-size-of-an-element


#3

I searched, and found a solution from someone else stuck on this exercise.

p {

font-size:16px;

}

However, I still have a question, is it valid to then add and keep the code < p class=“font-size”> ? to add this attribute to all < p> elements?


#4

This exercise was tough as it seems that there was no mention to write the code p { … this way, to make it work.


#5

Hey Andy,
You cannot use the inline css in this.
You have to make use of internal css i.e using style tag.

It was already mentioned in the example about h1 tag so that you can do in similar manner for p.
Hope it helps.