Size your images stuck

HTML-CSS
1

Hi! I’m new here and I don’t know how to solve this challenge. It says: " Your img element should have the class smaller-image . Your image should be 100 pixels wide. Browser zoom should be at 100%." but I cannot see where I’m failing. Any ideas?


<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>

<a href="#"><img class:"smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

**Challenge:** Size Your Images

**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/size-your-images
2

Hello and welcome to the FCC community~!

You’ve used a : to set the attribute in the HTML element, which is incorrect syntax. The basic syntax for an HTML element is:

<element attribute="value>Content</element>
3

Hello, you should use an = instead of : after class.

4

Thank you so much! Now I understand :slight_smile: