Multiple Classes for 1 Element

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

The class names need to be inside the same string.

You have:

class="smaller-image"  "thick-green-border"

Should be:

class="smaller-image thick-green-border"

Also, just for future reference, it would help if you posted the challenge link when asking for help.

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?

Yes, so we test the code and see the requirements for the challenge without having to try and find it.

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

I will do so and hopefully not forget to do so :upside_down_face: