This code is not passing through. Kindly assist

Tell us what’s happening:

Your code so far


4<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 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>
<class="smaller-image"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back"></class>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 8.0.0; SM-G930F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.117 Mobile Safari/537.36.

Challenge: Size Your Images

Link to the challenge:

1 Like

Hi there,

Similar to src and alt, the class is an attribute not a tag. So, you should insert it into an img html tag like so:

<img class="class-name" >

And there’s no need to add another img html tag because the img tag is already provided. Just add the class attribute in the tag and it should work fine.

Hope that helps.

Your image styling (.smaller-image) is not targeted anywhere because you have not included class name in HTML document like @wanzulfikri has shown in example. And delete that 4 outside of any tag on top beside opening link tag.

1 Like