Получение контента при уменьшении размера экрана ⇐ Html

[Anonymous]

Изображение проблемы < /p>
У меня есть 1 основной div, а внутри - еще один div. Когда я пытаюсь уменьшить размер экрана, основной див сжимается с правой стороны, но входная секция внутри вторичного Div выходит из основного Div. < /P>


.footer-main {
margin-top: 100px;
width: 100%;
background-color: #faf7f5;
box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.45);
}

.left {
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 400;
display: flex;
flex-direction: row;
padding-top: 50px;
margin-left: 8.3%;
margin-right: 8.3%;
max-width: 100%;
display: flex;
flex-direction: column;
float: none;
margin-right: 6.25%;
/* margin: 0; */
}

.btn1 {
color: #fff;
background-color: #ec2626;
height: 61px;
width: 510px;
border: 0px;
border-radius: 15px;
margin-top: 30px;
}< /code>


Contact Us


Name


E-mail


Message

Submit

< /code>
< /div>
< /div>
< /p>
Я не знаю, почему div сжимается с правой.>

Подробнее здесь: https://stackoverflow.com/questions/757 ... creen-size