@modiboCamara
Posted
for aligning the input and the submit button on the mobile version if would have been easier to make the form element a flex-container that way you could simply apply the flex-direction to column and then center aligned them.
but here is a solution for the setup that you have.
input {
display: block;
width: 100%;
padding: 0.75rem;
margin-bottom: 1rem;
}
button {
margin: 0;
display: block;
width: 100%;
padding: 0.75rem;
font-size: 1rem;
}
Add this code to your stylesheet and it should solve your problem. and make sure you don't have any specificity problems otherwise this code will not be applied.