Change the Font Size of an Element1

Change the Font Size of an Element1
0

#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>
<h1 {font-size:16px};

<p> 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>

Your browser information:

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

Link to the challenge:


#2

If you use css inside an HTML code, you have to annonce it with a style tag.

so your <h1 {font-size:16px} should be put inside the style tags, like this

<style>

 .red-text {
    color: red;
  }
h1 {
  font-size: 16px;
}

Furthermore, if I remember correctly, it’s

you actually need to change, rather than h1.


#3

The challenge instructions ask you to create a second p element (which you did), but you are supposed to use specific text for it. You are using the same text as the first p element.

Why are you doing this (above)? The font-size: 16px; is the correct definition, but it is supposed to be for p elements and it is not supposed to be put on an h1 element as you tried to do above. The definition needs to be put between the <style> and </style> tags.