Make all p elements use the monospace

1

Tell us what’s happening:

Your code so far

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

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

<p class="red-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 font size="16px" zoom=100% >Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy furcatnip  scratched </p>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36.

Link to the challenge:

2

You should add a CSS rule between the <style> tags that give a 16px font size to all <p> elements. So the second <p> element shouldn’t have any attributes.

There shouldn’t also be zoom=100%. The challenge just wants you to make sure that your browser’s zoom is at 100% (the default zoom level).

3

hey there plz can you explaine in a more simpler form i am just staring and i am just 12

4

Ok, first look at the last line of code. The <p font size="16px" zoom=100% > should be just <p>. Adding font size="16px" zoom=100% there makes your code invalid.

Then, to make all of the paragraphs have a font size of 16px, you should add this between the <style> tags (like you did with the .red-text):

p {
  font-size: 16px;
}
5

thanks for the help i was relly stucked there

6

Is this solved now? If so you can mark it as such.