It says the image is not 100px but it is?

Ive been struggling with this challenge for a few minutes now and I’m starting to think the issue is not with me but the program. if you look at the code its correct. it does the desired action. still says the image is not 100px when it is. Then I thought maybe I’m just not doing something. so I copied the exact code from the help video. it was exactly like my code. still says not 100px. can someone tell me what’s going on here? thanks!

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>

Your browser information:

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

Challenge: Size Your Images

Link to the challenge:

I just copied your code, pasted it into the challenge, and it passed.
Have you got any browser extensions blocking scripts? Have you tried a different browser?

2 Likes

ohhhh I have not. let me try chrome. I’m on safari. I’ve been so frustrated I was like come on this is literally the exact code from the video lol.

SOLVED: it was 100% because of my browser. thank you!!!

1 Like

This particular challenge does not work in Safari right now. One of our lovely contributors has written a fix for this, but it takes time to get that fix into the application.

1 Like

I went through this one so many times, checking and re-checking my syntax. Irritatingly, I could see that the CSS was working in the preview.

Eventually tried it in Chrome and it all got approved perfectly.

There’s half an hour of my life I’ll never get back. :slight_smile:

I fixed your code by deleting one word. SMALLER
You used the code that would degrade that picture, I have not personally seen it do anything useful, but you used it, so I fixed it I guess. lol

   <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
.image { width: 100px; } .red-text { color: red; } h2 { font-family: Lobster, monospace; } p { font-size: 16px; font-family: monospace; }

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

Things cats love: