Can't seem to pass this challenge

HTML-CSS
1

**Well I do not know where i am going wrong i should make the top marging10px and bottom margin 15px **

  **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;
}
[type= 'checkbox']{
  margin: 10px 0px 15px 0px;
  } 
</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 checkbox name="indoor-outdoor" checked> Indoor</label>
  <label><input checkbox name="indoor-outdoor"> Outdoor</label><br>
  <label><input checkbox name="personality" checked> Loving</label>
  <label><input checkbox  name="personality"> Lazy</label>
  <label><input 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36.

Challenge: Use Attribute Selectors to Style Elements

Link to the challenge:

2

@Kate-Rati Here is the code that you should insert [type='checkbox'] { margin: 10px 0px 15px 0px; }

Hope this Helps!

3

hahaha thank you let me try to change the place I had already put it to see if it works

4

why isn’t it working though I feel like its already in the right place :sweat_smile:

5

HI @Kate-Rati !

Welcome to the forum!

This part is actually correct.

However, you changed some things in the html which is why the test is not passing.
You need to reset the lesson and not alter any of the html.

Hope that makes sense.

7

Yes thank you I understood !!

8

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