Glitch in CSS Basics

I’ve been trying to complete this challenge, but it keeps saying the width of my picture is not 100px when it is. If someone could help, that would be greatly appreciated. Thanks.


<style>
.red-text {
  color: red;
}

h2 {
  font-family: Lobster, monospace;
}

p {
  font-size: 16px;
  font-family: monospace;
}
.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>


Hi and welcome to the forum!

Is your browser zoom set to 100%?

Thanks :slight_smile: I checked and it is set to 100%. However, it still isn’t working.

Hello and welcome to the freeCodeCamp community~!

I ran your code on my end and it passes the tests. Aside from browser zoom, I recommend ensuring you have disabled any extensions that access the freeCodeCamp website. If that does not work, I recommend trying another browser.

2 Likes

Okay, thanks so much!

Just FYI. If you are using Safari there is an issue with the challenge.

2 Likes