I need help on this (Basic CSS)

Tell us what’s happening:
I’m trying to find the problem but I cant, please help.

  **Your code so far**

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>

<style>

.red-text {
  color: red;
}
.smaller-image {
  width: 100px;
}

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="/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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.55 Safari/537.36 Edg/96.0.1054.43

Challenge: Size Your Images

Link to the challenge:

I believe you’re using some url shortening service because the src for the image is altered. It’s not the same as the one in the lesson. For your reference it should be : https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

1 Like

There is another style tag opened at the top right under your link tag! I’m not sure if that’s the issue or not, however!

Like @Jimbalin has mentioned, you need to use the right link for the image. Under src attribute please put the value - https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg

1 Like