I'm developing the following website:
http://173.44.46.62/~bellanap/pedidos.php
However, when the screen is dimmed, the div where the form is breaking down. It needs to be fixed. Help me?
I'm developing the following website:
http://173.44.46.62/~bellanap/pedidos.php
However, when the screen is dimmed, the div where the form is breaking down. It needs to be fixed. Help me?
In order for your elements to respond to the width of the screen, you have to work with units of measure based on it. The most practical thing for you is to work with percentages.
In this case, you should change the fixed widths in pixels that you have in the elements below indicated for the following values in percentage:
.main{
width:50%; /* estava 925px */
}
.formulario{
width:82%; /* estava 720px */
}
.input{
width:100%; /* estava 720px */
}
.input-tel-email{
width:46%; /* estava 340px */
}
textarea{
width:100%;
}
All other statements remain.
Screenshot of about 800 pixels wide: