Stuck at size your images

HTML-CSS
1

After this set of written codes, I still cant get past this challenge. What am I doin wrong. Ive tried everything possible.

  **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;
}
.smaller-image {
  width: 100px;
}
</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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
2

Can you post a link to the challenge or explain what it wants you to do? I’m not sure what I’m looking at :sweat_smile:

3
4

reset the code and type in the solution again, sometimes the FCC answer checking system is a little sensitive, and if youve changed anything else about the html / css code that you were not supposed to it won’t wotk

so reset the code and make the changes again - it should work!

I noticed that you deleted the closing bracket for the .red-text class, so this will throw up an error!

1 Like
5

as instructed you need to make class attribute in <img> tag with a smaller-image point.

  • HTML
    <img src="" class="smaller-image" alt="">
  • CSS
    .smaller-image {
    width: 100px;
    }
6

Thank you! I mistakenly deleted the bracket for .red-text class. Can’t believe I’ve been held up for something as ‘minute’ as that. It requires 100% conentration. Once again, thank you. I love this community!

1 Like
7

Sorted out. Thank you for your time.

8

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