<style>
.red-text {
color: red;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
h2 {
font-family: Lobster, monospace;
}
p {
font-size: 16px;
font-family: monospace;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<main>
<p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image" "thick-green-border"
src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
I am not getting the “thick-green-border” around the cat photo that I want. I think that the problem lies with the 2 classes attributed to the img element but I think that I have the correct code for multiple classes applied to one element. Or don’t I ? I can’t figure out where I went wrong here.
Thanks for clarifying the issue for me. As to your comment about the challenge link - do you mean the URL for the page that this particular excercise is on?
Certainly - I will do that in the future. But not be contentious or anything, I do have to ask - I did provide you with the code that I had problems with and it seemed to suffice for you to gain an insight into my issue and provide me with a solution.
sure, but we don’t know by memory all requirements or challenges, or even if we do, we may want to see what the tests say before suggesting a change, it’s always better to give the link