Re sizing an image

Tell us what’s happening:
Describe your issue in detail here. This is the error msg:


element should have the class


. Your image should be 100 pixels wide.

This is my code:


.smaller-image {
width: 100px;


<link href="" rel="stylesheet" type="text/css">
.smaller-image {
   width: 100px;

 <img src=""/>

 .red-text {
   color: red;

 h2 {
   font-family: Lobster, monospace;

 p {
   font-size: 16px;
   font-family: monospace;

<h2 class="red-text">CatPhotoApp</h2>
 <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

 <a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

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

 <form action="">
   <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>
   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.87 Safari/537.36

Challenge: Size Your Images

Link to the challenge:

You must add the class="smaller-image" to your img

@TaraStar Why have you written the img tag inside the style tag?
And you didn’t add the class attribute to img tag.
Carefully read the information and examples to fully understand the concept.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.