Stuck at step 42 of HTML forms

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

send the photo of your code

image

1 Like

it seems correct for me
forum
and i t works

2 Likes

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


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:

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

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:::

I’m a neophyte, but doesn’t linux have different code language? I worked a little in linux and the command lines are different. Thanks for this, i have something to research

1 Like

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