Stuck at step 42 of HTML forms

HTML-CSS
1

Step 42 says:

Step 42
It would be nicer to have the label text appear above the form elements.

Select all input, textarea, and select elements, and make them take up the full width of their parent elements.

Also, add 10px of margin to the top of the selected elements. Set the other margins to 0.

I did this in the CSS sheet:

input,textarea,select {
margin: 10px 0 0 0;
width: 100%;
}

I get this error:

Test

Sorry, your code does not pass. Keep trying.

Hint

You should set the width property to 100% .

Not sure what im doing wrong here

2

send the photo of your code

3

image

4

it seems correct for me
forum
and i t works

1 Like
5

Just tried on my phone and it worked… weird. Seems like it doesnt do well with Linux.

6

css_43step
css_43step1280Ă—720 122 KB

Doesn’t work either (Windows, Chrome). I mean, the system doesn’t show the result of check, neither the hint - nothing, no possibilities to continue :frowning:

7

had the same issue but when clicked on “Check Your Code” it suggested to do this:
input, textarea, select{

width: 100%;

margin-top:10px;

margin-bottom:0;

margin-left:0;

margin-right:0}

…and accepts it as correct answer

8

input[type=“submit”] {
display: block;
width: 60%;
min-width: 300px;
margin-top: 1em;
margin-bottom: 1em;
margin-right: auto;
margin-left: auto;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;
}

This is the answer:::