Anyone who passed this level please assist me

Anyone who passed this level please assist me
0

#1

Tell us what’s happening:

hi guys…can anyone help me here.i cannot figure out what am i doing wrong. thanks in advance for you kind assistance
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>

   <div class="raw">
     
  <form action="/submit-cat-photo">
    
    <div class="col-xl-6">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    </div>
      
    <div class="col-xl-6">
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
     </div> 
        
     <div class="col-xl-6">
    <label><input type="checkbox" name="personality"> Loving</label>
    </div>
    
     <div class="col-xl-6">
    <label><input type="checkbox" name="personality"> Lazy</label>
    </div>
    
      <div class="col-xl-6">
    <label><input type="checkbox" name="personality"> Crazy</label>
    </div>
    
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  
    
  </form>
</div>
   
</div>```
**Your browser information:**

Your Browser User Agent is: ```Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/59.0.3071.109 Chrome/59.0.3071.109 Safari/537.36```.

**Link to the challenge:**
https://www.freecodecamp.org/challenges/responsively-style-radio-buttons

#2

You have several issues:

First the instructions say to nest all of your radio buttons within a <div class="row"> element. There are only 2 radio buttons and the are inside the form element.

Outside the form element, you put <div class="raw">, which is not in the correct location and the class name is supposed to be “row” not “raw”. Also, for the two radio buttons inside the form, you are supposed to nest each of them inside a <div class="col-xs-6"> element. You not only used the incorrect class of “col-xl-6” instead of the correct “col-xs-6”, you nested the checkboxes also (which was not part of the instructions).

See if you can go back and correct your code now. It might be easier to click the “Reset your code” button, so you start with the original code.


#3

oooooouu yeeah! gosh!:roll_eyes:…thanks thousands times!:grinning::grinning: