Use Attribute Selectors to Style Elements: please i need a help on this: Using the type attribute selector, try to give the checkboxes in CatPhotoApp a top margin of 10px and a bottom margin of 15px

Tell us what’s happening:

Your code so far

<link href="" rel="stylesheet" type="text/css">
  .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='radio'] {margin:10px 0px 15px 0px;

<h2 class="red-text">CatPhotoApp</h2>
  <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="" alt="A cute orange cat lying on its back."></a>
  <div class="silver-background">
    <p>Things cats love:</p>
      <li>cat nip</li>
      <li>laser pointers</li>
    <p>Top 3 things cats hate:</p>
      <li>flea treatment</li>
      <li>other cats</li>
  <form action="/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" name="personality" checked> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input [type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 6.0.1; SM-J700H Build/MMB29K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.91 Mobile Safari/537.36.

Link to the challenge:

It says to add margins to type checkbox but you have done it for type radio


Am not getting it please more explanation

This means you are applying the style to the <input type="radio"> elements

What they need is, to style the <input type="checkbox"> elements

You have to change the radio to checkbox, do you get it now .?? :wink:


I have really tried every step but is showing me: your top margin of the checkbox should have 10px and 15px for the bottom margin

Can you share your code of what you have tried or provide a screenshot

And did you try removing this opening bracket before the type here,

<input [type="checkbox" name="personality"> 

The same thing is happening for me. I went to a youtube tutorial to make sure the attribute type and the value ‘checkbox’ were done correctly. I made sure my margin was just how they wanted it, and when I tested my code it shows that I’ve place a selector properly but that my margin sizes weren’t implemented. I’m thinking it’s a glitch…
I have it set up this way, just so you can see:
[type=‘checkbox’] {
margin: 10px 0px 15px 0px;

Never mind. I reset the code for that lesson, did it again, and it worked.

I was having the same issue and I did what @leodragon8817 did, and this worked for me. I reset the code and all was fine once again. It might be a glitch or something.