Broken Tests on challenge Basic CSS: Use Attribute Selectors to Style Elements

Describe your problem and how to reproduce it: This is expected to work, and it works in the preview. There is a space before and after the = symbol.

  [type = 'checkbox'] {
    margin-top: 10px;
    margin-bottom: 15px;
  }

It fails tests with this error, although it is expected to pass.

// running tests
The type attribute selector should be used to select the checkboxes.

The same code without the spaces passes.

Add a Link to the page with the problem: https://www.freecodecamp.org/learn/responsive-web-design/basic-css/use-attribute-selectors-to-style-elements

Tell us about your browser and operating system:

• Browser Name: Google Chrome
• Browser Version: 79.0.3945.130
• Operating System: Fedora 31

If possible, add a screenshot here (you can drag and drop, png, jpg, gif, etc. in this box):

[ShaunSHamilton]

Whilst I agree there is no reason the tests should not pass, I think it is important to note that having space on either side of the = is not good syntax, and could cause issue with integration with SASS. HTML is just so forgiving. https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

[Gabriel-J3sus]

That was the best solution I found:

`<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-top: 10px; margin-bottom: 15px;

} </style>`