Коллеги, здравствуйте.
Нужна ваша помощь, как сделать данную форму адаптивной?
.form {
width: 450px;
margin: 17% auto;
margin-left: 10%;
}
.input {
display: flex;
align-items: center;
}
.button {
height: 44px;
border: none;
}
#email {
width: 30%;
background: #FDFCFB;
font-family: 'Questrial', sans-serif;
color: #737373;
letter-spacing: 1px;
text-indent: 5%;
border-radius: 5px 0 0 5px;
}
#submit {
width: 15%;
height: 46px;
background: #bd2424;
font-family: 'Questrial', sans-serif;
font-weight: bold;
color: inherit;
letter-spacing: 1px;
border-radius: 0 5px 5px 0;
cursor: pointer;
transition: background .3s ease-in-out;
}
#submit:hover {
background: #ff2626;
}
input:focus {
outline: none;
outline: 2px solid #ff2626;
box-shadow: 0 0 2px #ff2626;
}