Everything is correct I literally copied and pasted the completed code from the how to video and it still wont accept it

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.4577.82 Safari/537.36

Challenge: Size Your Images

Link to the challenge:

2

Hi @twmx2 !

It looks like you changed the src url here

When I reset the lesson this is the src url I am looking at
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"

1 Like
3

It looks like you changed the src in your image:

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
1 Like
4

The video is working with an older version of the challenge.
So this url is no longer correct.

But the src url recently changed.

So it always important to not change parts of the code you are not supposed to.

The tests have been written to look for specific things and if there are unwanted changes, then the tests will fail.

Hope that helps!

5

I think there might be an issue with the test on this one. It doesn’t want to accept that I’ve added the smaller-image class to <img> no matter where I put it in the tag. Furthermore, I am getting a TypeError in the dev tools console.

6

It passes fine for me with the correct src url.

7

Ahh, so the correct src url is https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg?

Because when I click the “Reset All Code” button the src url for the image is https://bit.ly/fcc-relaxing-cat

Update: I cleared my browser cache about a million times and reloaded the activity and finally the Reset All Code button is showing the correct img url. So I think it is entirely possible that @twmx2 did not do anything wrong, he was just getting the wrong img src url.

8

The URL is hardcoded into the seed code.

But there was a PR not so long ago that changed the URL, so it is very possible that the old URL can be in cache or even saved to localStorage if you have passed the challenge in a logged-out state or saved using Ctrl + S. The localStorage data should only apply when logged out.

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.