Контент страницы находится в contanier со свойствами
.wrap > .container {
padding: 70px 15px 20px;
}
Т.е. каждый объект сдвигается на 15px по бокам. Как растянуть какой-то div в container под этим свойством на весь экран не обращая внимание на padding
Желательно без JS / JQ, но не принципиально
<div class='contanier'>
<div class='need_to'>Растяните меня на всю страницу</div>
</div>
Задать внешние отступы на величину paddinga: margin-left: -15px; margin-right: -15px;
* {
box-sizing: border-box;
}
html,
body {
padding: 0;
margin: 0;
width: 100%;
}
.wrap > .container {
padding: 70px 15px 20px;
}
.need_to {
margin-left: -15px;
margin-right: -15px;
background: #ccc; /* для наглядности */
}
<div class="wrap">
<div class="container">
<div class='need_to'>Растяните меня на всю страницу</div>
</div>
</div>
Так годится?
.wrap > .container {
padding: 70px 15px 20px;
background: blue;
}
.need_to {
margin: 0 -15px;
background: yellow;
}
<div class='wrap'>
<div class='container'>
<div>Не трогайте меня</div>
<div class='need_to'>Растяните меня на всю страницу</div>
</div>
</div>
Продвижение своими сайтами как стратегия роста и независимости