Change the Font Size of an Element please help 1213

Change the Font Size of an Element please help 1213
0

#1

Tell us what’s happening:

Your code so far

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

<h2 class="red-text">CatPhotoApp</h2>
</style> 
<p font-size (16px) </P

<p  >Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniffKitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot</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/61.0.3163.100 Safari/537.36.

Link to the challenge:


#2

#1) You have not created a p element in your html which has the text “Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.”

#2) You have not created an entry in between the style tags (where the .red-text is defined) for p elements where the font-size is set to 16 pixels (16px). When you define styles for html elements (like p, h1, h2, etc…) or custom classes like the red-text class, the format is always as follows:

elementName {
  propertyname: propertyvalue;
}

#3

Thanks but i am still stuck on this task:Between the style tags, give the p elements font-size of 16px.


#4

Does you p element style definition have the following format and is it inside the <style></style>?

elementName {
  propertyname: propertyvalue;
}

If so, the copy/paste all of your code into a reply. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#5

here is my code so far…

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

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

<p class="red-text"</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>

<p>Purr jump eat the grass rip the couch scratched sunbathe</P>

#6

I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#7

When you put the <> around a letter like p, that means it is an element. Elements do not go in between the <style></style> section. You need to remove the <> surround the p. You have the font-size part correct.

You still need to actually add the p element (this time with the <>) in the html section (below the style tags) per the instructions.