Your img element should have the class smaller-image. Your img element should have the class thick-green-border. Give your image a border width of 10px. Give your image a border style of solid. The border around your img element should be green

Your img element should have the class smaller-image. Your img element should have the class thick-green-border. Give your image a border width of 10px. Give your image a border style of solid. The border around your img element should be green
0.0 0

#1
.red-text { color: red; }

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.smaller-image {
width: 100px;
}
.thick-green-border{
border-color: green;
border-width: 10px;
border-style: solid;
}

CatPhotoApp

<img class=“smaller-image” “thick-green-border” src=“https://bit.ly/fcc-relaxing-cat” alt="A cute orange cat lying on its back. ">

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.


#2

You’re applying the classes incorrectly.

<img class=“smaller-image” “thick-green-border” src=“https://bit.ly/fcc-relaxing-cat” alt="A cute orange cat lying on its back. ">

should be

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

You have to apply multiple classes to an object by separating them with a space.


#3

Thanks…that worked.