Its about imaging with classes in css

[kelar]

  **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;
}
.smaller-image {
width: 100px;
}
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 src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.82 Safari/537.36

Challenge: Size Your Images

Link to the challenge:

freeCodeCamp.org

[kelar]

i have Created a class called smaller-image and use it to resize the image so that it’s only 100 pixels wide.
and still its not marking me correct at any given point
the class is greated like so
.smaller-image {
width: 100px;
}
what am i not doning?

[jwilkins.oboe]

Hi @kelar !

Welcome to the forum!

Right now you have only done have the challenge.
Adding this class to your style tags is only have the challenge.

@kelar

.smaller-image {
width: 100px;
}

The other part of the challenge is to reference that class in your html.
You learned about how to add classes to html elements in this lesson.

freeCodeCamp.org

Review that lesson and apply the class of smaller-image to the img element.

Hope that helps!

[ALLESS]

If you are still having some problems, this is the portion of the tutorial that Jessica suggested that you review:

If you are still having difficulties after reviewing this lesson, go ahead and let us know, and someone will help you through.

---

---