Cannot get past step

Tell us what’s happening:
The instruction is to set the image to 100 pixels. From what I can see, the code is set correct but it keeps telling me:

“// running tests
Your image should be 100 pixels wide.
// tests completed”

What am I missing/doing wrong?

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.smaller-image{
  width: 100px;
}
.red-text {
  color: red;
}
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="https://freecatphotoapp.com/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_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15.

Challenge: Size Your Images

Link to the challenge:

Welcome to the community!

I copied and pasted your code on my browser, and I was able to get it to pass. My guess is that there may be something in the browser that may be preventing it from passing, but I’m not sure what. Have you tried other browsers or fiddling with other settings to see if that helps?

1 Like

I have not. It seems to be the only step that I have issues with, though now “It appears you may be offline” is now popping up at the top of my screen.

I tried the code on FireFox just now (normally I am using Safari), and the same thing happens. It still says “You appear to be offline”

Exact same problem. I am working on Safari 13.1.2 on Mac Catalina. This is first problem I’ve had so far. The photo resizes to 100 pixels but I keep getting told I still need to change the width.

this challenge has a known issue with safari

@lacu

you can just move to next challenge from the list of challenges