Size Your Images Test. Browser at 100%, code is correct, but test won't pass

Size Your Images Test. Browser at 100%, code is correct, but test won't pass
0

#1

Tell us what’s happening:
as far as I can tell so far my code is correct and my browser is set to 100%. The coding part is checked off which is making me think that that’s done but it won’t let me move on because the image is not 100 pixels wide and that the browser needs to be at 100% but it is so I don’t know what could be going on.

Your code so far


<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;
  }
  img {
    .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>
    <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>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/size-your-images


#2
  img {
    .smaller-image {
      width: 100px
    }
  }

You can’t put .smaller-image inside the braces for img. A semicolon is also missing after 100px


#3

That’s the only way it accepted the code in the first place. It wouldn’t accept it without the img bracket. I’ve applied the semicolon and nothing has changed


#4

Never mind that worked thank you