Learn Accessibility by Building a Quiz - Step 61

Tell us what’s happening:
Tell us what’s happening:*

in step 61 it’s asking me to style the submit button as bellow

Give the submit button a freeCodeCamp-style design, with the following CSS properties:

display: block;
margin: 40px auto;
width: 40%;
padding: 15px;
font-size: 23px;
background: #d0d0d5;
border: 3px solid #3b3b4f;

This is what I did.

.button{

display: block;

margin: 40px auto;

width: 40%;

padding: 15px;

font-size: 23px;

background: #d0d0d5;

border: 3px solid #3b3b4f;

}

And this is the hint I am getting.

Hint

You should use the button element selector.


when I add a class=“button” in the HTML code it works fine, however, the same hint keeps coming I don’t know what is the ‘button’ element selector.

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 61

Link to the challenge:

you code worked for me exactly as-is. Try resetting the step and reloading then pasting the code from here into the answer box. Hopefully it will work. I also use Chrome browser, so you can try that if you are not currently using it (it may work better).

1 Like

Thank you very much. It worked when I removed the " . " before the word “button”

1 Like

Makes sense , good job