Can't seems to get this right help please. Change the font size of element

HTML-CSS
1

Tell us what’s happening:

Your code so far


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

font-size=16px;
zoom=100%
}
</style>
CatPhotoApp
purr jump eat the grass rip the couches
kitty ipsum dolor sit amet
<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://bit.ly/fcc-relaxing-cat" 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 (Linux; Android 8.1.0; itel A16 Plus) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Mobile Safari/537.36.

Challenge: Change the Font Size of an Element

Link to the challenge:

2

Within your “p” tag, you dont use a “=” but a “:” instead, similarly to how you put
color: red; previously.

Try this;
p { font-size: 16px; }

3

I have tried it the same way you ask me to but still not working which way should I follow please

4

Your code should look like this

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

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

Tell us what’s happening:

Your code so far


<style>
.red-text {
  color: red;
}
p{font-size:16px; browser: 100% text-rooom: 100%}
</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://bit.ly/fcc-relaxing-cat" 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 (Linux; Android 8.1.0; itel A16 Plus) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Mobile Safari/537.36.

Challenge: Change the Font Size of an Element

Link to the challenge:

6

Hey @ychris,

The challenge says it all.

Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels ( 16px ).

Try removing

Should work now, if it doesnt check if your browser’s zoom, is on 100%.
Let me know if it worked.

7

Serious I love that thank (it work chaiiii!! I really wasted time on that one but you help thank you)

1 Like
8

Have you seen my message? It’s work.
Aside from that please explain this message to me ( Please do not create duplicate topics for the same challenge/project question(s). This duplicate topic has been unlisted.) I keep receiving it from the master what I my doing wrong to get that message

9

You keep making duplicate topics for the exact same challenge. Once you have created a topic for help with a challenge, please continue to use that topic instead of creating a new topic.

2 Likes
10

Please stop creating duplicated topics. This is the last time I am going to merge your topics into one.

11

this is not valid css, please delete this

1 Like