background: repeating-linear-gradient(
-45deg,
rgb(109, 118, 232),
rgb(109, 118, 232) 10px,
rgb(73, 84, 226) 10px,
rgb(73, 84, 226) 20px
);
if ( document.querySelectorAll(".info-header-tab").length ) {
alert("Элемент найден!");
}
position: absolute
и с помощью media запросов следить, чтобы это всё не заползало на container при маленьких разрешениях экрана.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
<div class="full-width">
<div class="container"></div>
</div>
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.text()
<div class="item" style="--color:black;">
<h1 class="subtitle">lorem 2</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa aut a placeat, illum suscipit, consequatur officiis veritatis adipisci incidunt sapiente repellendus consequuntur. Enim architecto harum, doloribus illo veritatis omnis facilis.</p>
</div>