I have a problem with my css

HTML-CSS
1

Tell us what’s happening:
my css is not working

Your code so far

.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

Click here to view more cat photos.

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


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.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;
}
</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" class="thick-green-border"src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
2

What isn’t working? What else have you tried?

3

the thick-green border is not working

4

Look at your image tag and re-read the instructions carefully.

5

let me do that
thanks for replying

6

i did and it worked
thank you

7

Congratulations on figuring it out! Happy coding.

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

remove the second class