Basic CSS: Size Your Images Having Problem: asking for Browser zoom to 100%, I have done it but still not working

HTML-CSS
1

This is my code.

**<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">**
**<style>**
**  .red-text {**
**    color: red;**
**  }**
**  smaller-image{**
**    width:100px;**
**  }**
**  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 class="smaller-image" 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="/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>**

Error:

Your image should be 100 pixels wide. Browser zoom should be at 100%.

1 Like
2

Hi,
set image width: 100%;

Instead of width: 100px;

1 Like
3

I have tried. but, still same problem. It is asking to keep browser-zoom on 100%, I have tried browser-zoom on 100%, but still not working

4

Make sure to format your code next time using the editor.

You need to use . when styling a css class.

1 Like
5

red-text class is selected correctly, smaller-image class isn’t, do you see the difference?

2 Likes
6

Yes, I forgot to put period symbol in front of the class name in css, thank you very much.

2 Likes