I'm having issues with my challenge can someone help please?

It says apply thick green border, 10px for border width and solid for the style. I did exactly that and even watched the video and they keep saying it’s wrong and I don’t know what to do. Help please

  **Your code so far**

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>

.thick-green border{
border-color: green;
border-width: 10px;
border-style: solid;
}

.red-text {
  color: red;
}

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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36

Challenge: Add Borders Around Your Elements

Link to the challenge:

I think you’ve got an extra letter in there.

I don’t think that’s the issue because I removed the extra I and it still won’t work. Thanks though :upside_down_face:

It certainly was one of the issues :slight_smile:

I was hoping you might find the other misspelling on your own. Take a close look at the class name.

Oh thanks it wasn’t the spelling I left out a -
Thanks again

inside your img element you’re refferencing a ‘thick-green-border’ class but in your style element you’re defining a ‘thick-green’ class inside a border element… the blank space inside your css selector is the problem.

thank you, I got it
just don’t know how to remove this post

try calling up the class, like for example class=“thick-green-border”
also check your id property

We don’t like to delete posts because others like to learn from forum posts.

If you don’t want people to keep responding to your post, then mark it as solved.
You can find the solved button next to the reply button.

Oh Ok
Thank you so much