Code for the Radio Buttons Does Not Work

Code for the Radio Buttons Does Not Work
0

#1

Tell us what’s happening:

Your code so far

<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">
  <div class="row">
     <div class="col-xs-8">
      <h2 class="text-primary text-center">CatPhotoApp</h2>
    </div>
    <div class="col-xs-4">
      <a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
    </div>
  </div>
  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
  
  <div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>
  </div>
  <p>Things cats <span class="text-danger">love:</span></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="/submit-cat-photo">
    
    <div class="row">
     <div class="col-xs-6">  
       <label><input type="radio" name="indoor-outdoor">Indoor</label>
      </div>
       <div class="col-xs-6">
       <label><input type="radio" name="indoor-outdoor">Outdoor</label>
      </div>
       </div>
    <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>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0.

Link to the challenge:


#2

I’ve looked at Lesson 15 and the Responsively Styling Radio Buttons video and put the same code on my lesson as you can see above. It does not show any errors in the text, but it will not let me go on to the next challenge. I’ve looked and searched online, but I don’t know what I’m doing wrong. Please help.


#3

If you look at the test results , it tells you what is wrong with your code , you pass the first two criteria, but the third one does not pass because:

Make sure each of your div elements has a closing tag.

You are missing one closing <div> tag, figure out which one and you are good to go,


#4

When I run your code for this challenge, I get the following error:

Make sure each of your div elements has a closing tag.

For some reason you accidentally deleted a </div> that was on the last line of the original code in the challenge (below the </form>. Add that back on and you will pass the challenge.


#5

Thank you both. I needed another set (or sets) of eyes definitely. Your answers solved my problem. Now I can go on.