I Stuck On "Your img element should have the class smaller-image."

HTML-CSS
1

Im stuck at this Challenge and i Don’t know how to past this lesson:

<img class="smaller-image{ width: 100px;}"src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."
**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/size-your-images


HELP
2

Hi there,
you added CSS in line style to the class name, this is not correct.

smaller-image{ width: 100px;}

instead, remove the { width: 100px;} and just insert the correct name for the class.

you see this is the correct format of inline styling of HTML elements:

<h1 style="color:blue;text-align:center;">This is a heading</h1>
1 Like
3

Thank you najme. I just delete the “{ width: 100px}”, Then made it past:

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

No Problem.
Do still have an issue with this lesson? if yes, please send a link to the course.