Basic CSS: Size Your Images1

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.

  p {
    font-size: 16px;
    font-family: monospace;
  .smaller-image {
      width: 100px;

<h2 class="red-text">CatPhotoApp</h2>
  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
  <a href="#"><img class="smaller-image"  src="" alt="A cute orange cat lying on its back."> </a>
    <p>Things cats love:</p>
      <li>cat nip</li>
      <li>laser pointers</li>

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.

Hi @Princenuel,

You are missing a } here:

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

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