Hi Guys
Got a submission form but the submit button is wider than the input/textarea.
Any ideas?
CSS
form {
max-width: 300px;
float: left;
margin: 40px 0;
padding: 10px 20px;
background: #34495e;
}
h3{
font-size: 20px;
font-family: roboto;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 10px;
}
input[type="email"],
textarea,
select {
border: none;
font-size: 16px;
font-family: roboto;
height: auto;
margin: 0;
outline: 0;
padding: 10px;
width: 100%;
background: #fff;
color: #000;
}
button {
padding: 10px;
color: #fff;
background: #ed5565;
font-size: 16px;
font-family: roboto;
text-align: center;
font-weight: 700;
width: 100%;
border: none;
margin: 0 0 20px 0;
}
fieldset {
margin-bottom: 10px;
border: none;
}
label {
font-size: 18px;
font-family: roboto;
display: block;
margin-bottom: 8px;
color: #ff0;
}
HTML
<form action="index.html" method="post">
<h3>Sign Up</h3>
<fieldset>
<label for="mail">Email:</label>
<input type="email" id="mail" name="user_email">
</fieldset>
<button type="submit">submit</button>
</form>
Thanks in advance
Got a submission form but the submit button is wider than the input/textarea.
Any ideas?
CSS
form {
max-width: 300px;
float: left;
margin: 40px 0;
padding: 10px 20px;
background: #34495e;
}
h3{
font-size: 20px;
font-family: roboto;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin: 0;
padding: 10px;
}
input[type="email"],
textarea,
select {
border: none;
font-size: 16px;
font-family: roboto;
height: auto;
margin: 0;
outline: 0;
padding: 10px;
width: 100%;
background: #fff;
color: #000;
}
button {
padding: 10px;
color: #fff;
background: #ed5565;
font-size: 16px;
font-family: roboto;
text-align: center;
font-weight: 700;
width: 100%;
border: none;
margin: 0 0 20px 0;
}
fieldset {
margin-bottom: 10px;
border: none;
}
label {
font-size: 18px;
font-family: roboto;
display: block;
margin-bottom: 8px;
color: #ff0;
}
HTML
<form action="index.html" method="post">
<h3>Sign Up</h3>
<fieldset>
<label for="mail">Email:</label>
<input type="email" id="mail" name="user_email">
</fieldset>
<button type="submit">submit</button>
</form>
Thanks in advance