Sizing my images

I have no idea why it’s not working. I entered .smaller-image {
width: 100px; inside the but it’s not working?

Your code so far

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

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .smaller-image {
    width: 100px;
  }
  
  
</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

You have not completed the “and use it” part of the challenge instructions. You successfully defined the class named “smaller-image”, but you still need to add the class to the img element using the class attribute.

What do you mean by use it??

  1. Your img element should have the class smaller-image. - I’ve done

  2. Your image should be 100 pixels wide. Browser zoom should be at 100% - I’ve done

Did I end up skipping something?

Hello. Based on the code you posted, you need to add the smaller-image class to the img element. So far, you’ve only defined the class in your CSS. But you also need to add it to your HTML. Hope this helps.

The mistake is that your class name isnt included in image

the code is img class=“smaller-image” src=“https://bit.ly/fcc-relaxing-cat” alt="A cute orange cat lying on its back. ">