.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
J_RO
April 3, 2018, 9:14am
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.
2 Likes
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 .
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!