You should use the padding-bottom
property.hi. doing step 58 of the registration form. not liking my padding bottom property for the submit button.
so how to get this to work. what am i doing wrong?
marvin.
ps: pasting the step, the error and my css code.
marvin.
ps: pasting below.
You should use the padding-bottom
property.
body {
font-family: Tahoma;
font-size: 16px;
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
}
h1, p {
text-align: center;
margin: 1em auto;
}
input, textarea{
display: block;
width: 100%;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #0a0a23;
border: 1px solid #0a0a23;
color: #ffffff;
}
form {
text-align: center;
margin: 0 auto;
max-width: 500px;
min-width: 300px;
width: 60vw;
}
fieldset {
border: 0;
margin-top: 3rem;
margin-bottom: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 0;
padding-right: 0;
border-bottom: 3px solid #3b3b4f;
}
fieldset:last-of-type {
border-bottom: none;
}
.inline {
width: unset;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0.5em;
vertical-align: middle;
}
input, textarea, select {
min-height: 2em;
color: white;
}
input[type="submit"] {
display: block;
width: 60%;
text-align: center;
margin: 0 auto;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;
margin-top: 1em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
min-width: 300px;
padding-bottom: 2em;
}
input[type="file"] {
padding: 1px 2px;
}