Basic-css: use attribute selectors to style elements

HTML-CSS
1

Hi
I keep getting an error in this part of the code so please check is it that im the one whose coding it wrong ?
[type= ‘checkbox’]{
margin:10px 0px 15px 0px;
}

Thanks for the help.

1 Like
2

please don’t use challenge link as title, it is impossible to click

what’s the challenge link?
what’s your whole code?
what do the failing tests say?

3

Problem heading: Basic CSS: Use Attribute Selectors to Style Elements

Sorry here is the link : https://www.freecodecamp.org/learn/responsive-web-design/basic-css/use-attribute-selectors-to-style-elements

and the output it’s showing :
The type attribute selector should be used to select the checkboxes.

4

and what’s your whole code?

6 
<style>
// The problem part
   [type= 'checkbox']{
    margin:10px 0px 15px 0px;
  }
  .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>
7

remove extra space before ‘checkbox’ (or after equal sign).
correct: [type='checkbox']

8

Thanks for your help glamp. It worked.

1 Like
9

I also same problem, and error was displayed The top margins of the checkboxes should be 10px. The bottom margins of the checkboxes should be 15px. Please show my code below.

[type='checkbox']{ margin: 10px 0px 15px 0px; }

CatPhotoApp

10

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