Image size for kitten photo

I can’t do it.I try something but it’s wrong can you help me.

Your code so far

<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:
https://www.freecodecamp.org/challenges/size-your-images

It doesn’t look like you’ve created a class smaller-image.

thesmaller-image i can’t do it.Can you help me?

You know how to create a class and add it to an element. You’ve done it before. Get as far as you can and then let us know when you get stuck.

Because i am begginer and i don’t know somehow thing can you send me a photo how can do it?

To change the color i know i want to learn how i can small the image

Start by creating a class an applying it to the element. Re-read the instructions again carefully. They tell you what properties you need to assign in order to control the image.

Creating the element is possible in two ways if my understanding is correct; the better one being However, is the location within the code important? I’m not sure where to create class.

Hello!
As said above:

  1. You have probably created a CSS entry in the lessons before: so create a class in the CSS style with .smaller-image { }
  2. Your computer is very smart, but needs some help here, because it does not know what you want to make smaller, therefore you need to add the class to one of the tags. You can guess it, but its probably the img tag. This you have done before too in the lessons.
    So if you do these two steps you will get the right result + your browser needs to be at 100%.
    =) Good Luck!

Also if you need any help in the future, try to dissect what is asked first and to look up things on the web as well, there are great sources out there which explain exactly how to add a class in CSS and HTML. For me it really helped to learn this order: 1. First read what is asked, 2. Make some steps for yourself, 3. if you do not get one step, search for it online, 4. if you do not find any answers for your searches, then ask on a forum. Then you teach yourself to first look and understand, recap what you learnt and then ask people for hints or even the answer. Not that you should not ask questions on forums! That is super helpful too! Happy Coding!

1 Like