Верстаю макет и хочу сделать вот такие полоски
Сделал таким образом, но появляется горизонтальный скролл и при уменьшении экрана белая полоска увеличивается.. Как это можно исправить?
<div class="footer"> content </div>
.footer {
max-width: 940px;
margin: 0 auto;
padding: 38px 35px;
background-color: orange;
position: relative;
}
.footer::after {
content: '';
position: absolute;
height: 100%;
background-color: black;
top: 0;
left: -1020px;
width: 100%;
}
.footer::before {
content: '';
position: absolute;
height: 100%;
background-color: black;
top: 0;
right: -1020px;
width: 100%;
}