Sizing My Image

HTML-CSS
9

Style element recognizes CSS code.
You should not put this line in your style element

<h2 class ="smaller image">CatPhotoApp</h2> {
    width: 100px
  }

instead change it to

.small-image {
   width: 100px
 }

because this line of code: <h2 class ="smaller image">CatPhotoApp</h2> is HTML code not CSS code.
In order to pass you have to add a class name to your image element and name it small-image.
Change this part of your HTML code:

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

to

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

By naming your img element small-image, your CSS style on top should be able to resize your image.

2 Likes