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

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

1 Like

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.

2 Likes

Thanks…that worked.

For some reason, my border is blue. Everything is labeled green, now sure what’s going on?

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

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

You don’t have the closing graph bracket for smaller-image class

You should format your code, or it will
Not show and it is impossible to help you - edit your post, select all code and use “Preformatted Text” </> button to format it, it will add backticks around your code

You were right about the closing graph bracket. Thanks!