You are given an example on how to do css styling by type:
[type='radio'] {
margin: 20px 0px 20px 0px;
}
This does type “radio” and gives it that styling.
The instructions say:
Using the type attribute selector, try to give the checkboxes in CatPhotoApp a top margin of 10px and a bottom margin of 15px.
OK, so instead of “radio” it will be “checkbox” and we need to change the margins. You do that, and put it in between your style tags, you should be golden.
When I cut and paste your code into the problem, putting it inside the style markers, it’s on my line 30 … When I do that, it fails. It looks like there are “smart” or curly quotes. JS doesn’t like those. When I replace those with “dumb” or straight quotes, it works.
Then there’s a cache issue, please copy the url link of that challenge and paste in different browser and try again.
or
Please clear the cache of the existing browser, you can do ‘Hard clear’ in chrome refresh, then try again.
OK, sorry, CSS isn’t my strength. I was just looking for differences. I also don’t know enough about the testing to know if it is evaluating based on what is written or by its effects.
OK, your answer looks good to me. Try this exact code, cut and paste:
Other than that, as others have mentioned. Try a different browser. Sometimes you get weird caching issues. Clear the browser cache, try it on a different browser, reboot, try a different computer, etc.
@imabdulmalik I was experiencing the same issue and found out its in the wording make sure it says checkbox and not checkboxes.
[type=‘checkbox’] {
margin: 10px 0px 15px 0px;
}
This will work if not I’m not sure why because it works for me and I even added the “checkbox” and it still worked with that one too.