Type attribute, I need help please

[kassamaustin]

Tell us what’s happening:
Describe your issue in detail here.

  **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;
}

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

.smaller-image {
  width: 100px;
}

.silver-background {
  background-color: silver;
}
</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 class="silver-background">
  <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" id="cat-photo-form">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input [type="checkbox"]{
    margin-top: 10px;
    margin-bottom: 15px;
  } name="personality" checked> Loving</label>
  <label><input [type="checkbox"]{
    margin-top: 10px;
    margin-bottom: 15px;
  } name="personality"> Lazy</label>
  <label><input [type="checkbox"]{
    margin-top: 10px;
    margin-bottom: 15px;
  } 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/92.0.4515.107 Safari/537.36 Edg/92.0.902.55

Challenge: Use Attribute Selectors to Style Elements

Link to the challenge:

freeCodeCamp.org

[jwilkins.oboe]

Hi @kassamaustin !

I would reset the lesson because there are a few errors.

First off, you are not supposed to touch any of the html.

You will only need to make changes in the css section (make changes in the style tag)

Then it would help to look at the sample again.

[type='radio'] {
  margin: 20px 0px 20px 0px;
}

You will follow that same structure but change the type to checkbox and change the margin values to the correct ones from the instructions.

Hope that helps!

[kassamaustin]

I did as you taught me and it worked. Thank you so much @jwilkins, I appreciate.