What is wrong w/ my code? Thanks

Hi there. I thought I did what this program wanted. Apparently I’m missing something.

What I’m missging:
You should add the img-responsive class to your top image.

My code:


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

<style>

 

  h2 {

    font-family: Lobster, Monospace;

  }

 

  .thick-green-border {

    border-color: green;

    border-width: 10px;

    border-style: solid;

    border-radius: 50%;

  }

  

  }

</style>

<div class="container-fluid">

  <h2 class="text-primary">CatPhotoApp</h2>

  <a href="#"><img class="image-responsive" "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>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"  alt="Three kittens running towards the camera.">

  <div class="row">

    <div class="col-xs-4">

      <button class="btn btn-block btn-primary">Like</button>

    </div>

    <div class="col-xs-4">

      <button class="btn btn-block btn-info">Info</button>

    </div>

    <div class="col-xs-4">

      <button class="btn btn-block btn-danger">Delete</button>

    </div>

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

  <form action="https://freecatphotoapp.com/submit-cat-photo">

    <label><input type="radio" name="indoor-outdoor"> Indoor</label>

    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>

    <label><input type="checkbox" name="personality"> Loving</label>

    <label><input type="checkbox" name="personality"> Lazy</label>

    <label><input type="checkbox" name="personality"> Crazy</label>

    <input type="text" placeholder="cat photo URL" required>

    <button type="submit">Submit</button>

  </form>

</div>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

“img-responsive” and “image-responsive” are not the same thing.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.