Div is fixed by decreasing the screen

2

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?

    
asked by anonymous 01.07.2014 / 02:40

1 answer

4

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:

CSS

.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.

Result

Screenshot of about 800 pixels wide:

    
01.07.2014 / 03:01