Basic CSS: Size Your Images1

HTML-CSS
1

I have tried everything yet i still get errors, please i need assistance, below is my code, and what i have tried and still get the error message.

<style>
  p {
    font-size: 16px;
    font-family: monospace;
    
  .smaller-image {
      width: 100px;
  }
  
</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>
</main>

Here is the error I get " your image should be 100 pixels wide, Browser zoom should be put at 100% "
I use a chrome browser, I have cleared caches and my browser is set to 100% zoom, yet I still get the same error message.

please some one, kindly assist.

2

Hi @Princenuel,

You are missing a } here:

 p {
    font-size: 16px;
    font-family: monospace;
1 Like
3

whoaw! thanks that was it, it worked, thanks again @Sunithack1