meta viewport??? @media only screen and (max-width: 990px) {}box-sizing: content-box, поэтому "внутренняя" ширина у wrapper останется 1000px, а общая - 1100px. list-items заявлена в 50%, рассчитывается от "внутренней" ширины родителяbox-sizing: content-box, то опять же "внутренняя" ширина у list-items останется 500px, а внешняя 500+40(или другое)li вроде никаких отступов по умолчанию нет, поэтому это и будет ответом... даже закрытое меню сдвигает футер-конечно, visiblity ведь элемент никуда не девает из потока.
filter: url(#round);<defs>
<filter id="round">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur"></feGaussianBlur>
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="goo"></feColorMatrix>
<feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>
</filter>
</defs>.background {
position: relative;
}
.background:before {
content:"";
display: block;
height: 0; // Опционально
padding-top: calc( 100% * 793 / 1426 ); // Y / X
}.background svg {
display: block;
position : absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%; // опционально
height: 100%; // опционально
}$(document).ready(function() {
$('div br').replaceWith('\n');
var text = $('div').text().trim();
$('pre').text(text);
});$(document).ready(function() {
var text = $('div').html().trim().replace("<br>", "\n").replace("<p>", "").replace("</p>", "");
$('pre').text(text);
});$(document).ready(function() {
var text = $('div').clone().find("br").replaceWith("\n").end().text().trim(); // clone чтоб документ не портить
$('pre').text(text);
});<div class="pop-up">
<img src="#" alt="Картинка" class="pop-up__img ">
<textarea class="pop-up__textarea textarea" cols="30" rows="10"></textarea>
<button class="button pop-up__button">
<span class="button__text pop-up__button_text"></span>
</button>
</div>