сделать DIV отзывчивым и содержание внутри него

Question

Я пытаюсь сделать мой знак вверх форма отзывчивым, я попытался добавить

В наружном DIV

width:100%; 

и внутренней DIV

margin-left:auto; 
margin-right:auto; 

но я не думаю, что он работает. Обновление Я на WordPress, это мой сайт link и вот скриншот проблемной области. link

Answer 1

Вот что-то фиксирует:

.sign_up_center { 
    width: 100%; // responsive, for smaller screen 
} 
#field_2_1 { 
    // force height, if not, your button goes on your field 
    width: 100%; 
    height: 50px; 
} 
#input_2_1{ 
    // full size mail field 
    display: block; 
    width: 100%; 
} 
#gform_submit_button_2{ 
    // full size submit button 
    width: 100%; 
} 

Answer 2

использование margin: 0 auto;

body { 
 
    width:100%; 
 
    height:100%; 
 
    
 
    background:grey; 
 
} 
 
form { 
 
    width: 50%; 
 
    min-height: 1000px; 
 
    margin: 0 auto; 
 
    background: lightgrey; 
 
    text-align:center; 
 
} 
 
input { 
 
    display: block; 
 
    margin: 0 auto; 
 
}

<form> 
 
    sign in 
 
    <input type="text"/> 
 
    <input type="password"/> 
 
</form>