I created my style border, for thick-green-solid border but it still not working

Tell us what’s happening:
need help I created my style for the border, and added the space to create two classes but it won’t size my image back down to 100px what am I doing wrong please help thanks

Your code so far


<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="thick-green-border" "smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Add Borders Around Your Elements

Link to the challenge:

You have to join the classes just like the challenge example <img class="class1 class2">
And the class was missing a semicolon .thick-green-border in property border-style.

1 Like

Looks like you combined your css classes. Classes in HTML are always defined within two quotation marks, with spaces in between to differentiate.

In your img element, you have class="thick-green-border" "smaller-image". You need to change it to class="thick-green-border smaller-image".

1 Like

thank you I figured it out literally like a minute before your reply Lol, but I still appreciate your help an you guys being active in the community so that I can ask questions

I realized that after staring at it blankly for like 5mins LOL. I thought I was asking me to create class1 class2 as elements. until I realized I replace those with the class names im refercing in my style code. thanks for even replying though I really appreciate everyone being active in the community