Hello please can someone help me out on this?

[Las-bhorn]

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

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

<h2 class="red-text">CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="https://freecatphotoapp.com/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/95.0.4638.69 Safari/537.36

Challenge: Change the Font Size of an Element

Link to the challenge:

freeCodeCamp.org

[pmarwadi7]

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

Inside the <styles> element write styles for p (paragraph) element in this way:

1. Use the font-size: property and set it to 16px

[hanny]

Hi, if you check the instruction with sample code they show you how to change the font-size for all h1 tags.

h1 {
  font-size: 30px;
}

so inside the style tag you need to add new rule (above or under the existing rule for the .red-text)…
it will be similar as the one in the sample, but except of h1 you need to target p tag and assign the value you are asked.

[elswise]

Do you understand how to use Styles to make your HTML look different.

You could have a paragraph, like:

<h5>Some header text</h5>

This is fine, but it looks boring:
So, to make it look more interesting, you could make it a certain font-size.
That is where the Style element comes in.

<style>
  h5 {
    font-size: 28px
  }
</style>
.   .   .   .   .   .   .   .   .
<h5>Some header text</h5>

That will mean all h5 headers on that page will have that font-size (28px in this example):

If you want to use a style for various elements, like a header and a paragraph, for instance, you can make a Class. This is what they have done with the red-text class. It is used for a header and paragraph.
Below you can see the red-text Class. You could also have a logo-text ID (ID is not used in this challenge).

<style>
  .red-text {
    color: red;
  }
  #logo-text {
    color: blue;
    font-size: 42px;
  }
 h6 {
    font-size: 24px
  }
</style>

Note the dot ( . ) in front of red-text. That means it is a CLASS that can be used a number of times on the page.

Note the hash ( # ) in front of logo-text. That means it is an ID that can only be use ONCE on the page. A logo is usually only displayed once and it would have the attributes that make the logo unique (in this silly example, big text with a blue color).

The h6 in the STYLE section does not have anything in front of it. No dot or hash or anything else. This is because it is a standard kind of element in HTML.

The challenge asks you to set a font-size attribute for the p (paragraph) element. That means that all paragraphs will have that font-size attribute.

<p>A paragraph full of interesting information.</p>

If you understand how to use STYLES to make HTML look different, then the challenge will be simple for you.
Hope this helps.