Size your image issue

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<img class="smaller-image" width:100px;>CatPhotoApp> 
<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>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

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

<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Challenge: Size Your Images

Link to the challenge:

My challenge is this: the assignment is to create a class called smaller-images and use it to resize the image so that it is only 100 pixels wide.
From the example given, I gave my solution as:

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

But the computer says it is incorrect. Where did I go wrong, please?

Hi @ginikaadiele1 !

I see a few things here

No.1:
You should delete this because it has errors in it

No.2:
You need to add the class of smaller-image here

No.3:
You need to remove the space after the period here

I took your corrections. Thank you. This is what I understood from it:

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back". class="smaller-image" image="width:100px;></a>

It still says that ‘the width has to be 100’. What else am I doing wrong, please?

For the img tag, you are only supposed to add the class.
I would reset the lesson and just add the class of smaller-image.

Then in your style tags that is where you are supposed to add the width of 100px

Just like you did here except without that extra space

Thank you so much. It worked.