Size of my images

Size of my images
0.0 0

#1

Tell us what’s happening:

Your code so far


<style> .smaller-image {width: 100px} </style>

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<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 class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</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/64.0.3282.186 Safari/537.36.

Link to the challenge:


#2

You did not fill out the “Tell us what’s happening:” part, so we do not know what your question is.


#3

I don’t know how I can create the class


#4

Why do you say you do not know how to create the class. You did it with the above code.

However, you have an issue in that there should only be one style section. Move your created class to be inside the existing style section. A second issue is you are not applying the created class to your img element. Review the following challenge for how to use a CSS class to style an element.


#5

I do it, but don’t go


#6

Repost your latest code attempt, so we can take a look.

To enter a code block into the forum, 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

But I don’t have to put < p >, I have to put < img class=“my code” >
But itsn’t work


#8

I am not sure what you are talking about. I did not say anything about putting a p element anywhere. The information I supplied above tells you how to enter code into a post on the forum and has nothing to do with the code you need to use to solve the challenge.


#9

Have you ever done this challenge? It’s only a information for me


#10

I have solved this challenge. To help you further, I need you to copy/paste all the code you are using in the challenge, so I can give you more advice. I have explained above how to properly enter code into a reply post.


#11
<img class="smaller-image">

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .smaller-image {width: 100px;}
  
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
 
</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 class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

#12

I cut the img src because the site doesn’t permitts me


#13

It will let you if you put three back ticks on the line before the code and three back ticks on the line after the code. I will add the backticks for you, but you will need to put the img element that you did not show in the correct place.

The original img tag line is below:

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

Modify it and put it into your code above.


#14

I put this original tag… And in the correct place, but it’s because of the site, i can’t put more than 1 images on my post


#15

Add it to the code I formatted for you. You should be able to do that now.

Also, why do you have the following line at the very top of your solution? It does not belong there.

<img class="smaller-image">

#16

So how do I put the correct class?


#17

And the 2nd objective goes only with this code


#18

Until I can see your entire exact code solution, I can not help you. Please modify the code I formatted for you above and put the correct img tag back in it along with how you think you should be adding the css class to it.


#19

I will create another forum with all codes


#20

Instead of doing that, just modify your existing post. You are going to have to learn to do this at some point anyway.