Add Borders Around Your Elements when i run the code it still givesme the eror message help please?

Tell us what’s happening:

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-style:solid;
    border-width:10px;
    border-lenght:10px;
  }
</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>
  
  <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="/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_14_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.142 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/add-borders-around-your-elements/

Hi, pretty easy fix, and easy to make the mistake. There is nothing wrong with the code you added. The error is that in the style portion, there is no closing curly bracket for the .smaller-image. Took me a second to spot as well! Good luck!

oh and an additional one at the beginning, not sure what happened there

  }
  .red-text {
    color: red;
  }

Also remove the “border-lenght” property under .thick-green-border because there is no CSS property like that.

Applying the two fixes from @keating916 will fix the problem.

Weldone!

https://jsfiddle.net/qy09wmLg/

i tried it and it worked, thanks guys!