Basic CSS - Size Your Images

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>
.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>
<stye>
smaller-image{
  width:500;
}
</style>
<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back." class="smaller-image"></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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Basic CSS - Size Your Images

Link to the challenge:

You have several issues here:

<stye>
smaller-image{
  width:500;
}
</style>

You have a few issues here…

Why not include this in the existing style section? I don’t think it’s required here, but it is a good practice.

You misspelled “style”.

You didn’t correctly declare that as a class selector. There is something missing from the front.

The instructions said, “… 100 pixels wide.” You’ve given it 500 somethings.

When I fix those, it passes for me.

thank you. i have wrote style and other of the few stuffs in a wrong way.

Do you have the solution now? If not, show us what you have now and we’ll help.

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