Size the image to 100px

Tell us what’s happening:

I’m stuck with this error message:

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

Looks like I’ve followed right syntax, but the error persists. Please help.

My code so far

<link href="" rel="stylesheet" type="text/css">

    color: red;

    font-family: Lobster, monospace;

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

  width: 100p×;


<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>
    <p>Top 3 things cats hate:</p>
      <li>flea treatment</li>
      <li>other cats</li>
  <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>

My browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/11.1.1 Safari/605.1.15.

Link to the challenge:

That x ( in 100px) is so weird :open_mouth:

I replaced it and it worked ^^

1 Like

In the .smaller-image selector your “width: 100p×;” is bugged at the “x” character. Retype it as “width: 100px;”.

1 Like

My bad.

Had setup a TextExpander snippet to expand to “×” multiplication sign with “;” as delimiter.

Looks like a very bad choice of a delimiter and abbreviation.

Thank you @Layer and @JoshuaRasberry for answering this. Great attention to detail.

1 Like