JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
			<div class="homepage-map-sidebar">
				Ma div Ă  100% de largeur
			</div>
			<div class="container">
				<div class="homepage-map-text-sidebar col span_3_of_12">
Ma div de contenus par-dessus
				</div>
			</div>
		</div>

CSS

.wrapper{
	position:relative;
}

.homepage-map-sidebar{
	position: absolute;
	top:0;
    left:0;
    width:100%;
    background-color:red;
}

.container{
    position:relative;
	width:80%;
	max-width: 1400px;
	margin:0 auto;
    background-color:blue;
}

.homepage-map-text-sidebar{
	padding:3.5em 0;
}
.col {
    display: block;
}

.span_3_of_12 {
	width: 23.8%;
}