JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div class="col1">
<p>Contenu (main)</p>
</div>
	
<div class="col2">
<p>Côté gauche (aside)</p>
</div>
	
<div class="col3">
<p>Côté droit (aside)</p>
</div>

CSS

.col1 { float:left; width:33.2%; text-align:center; height:100%; background:#fff; display: block;} 
.col2 { float:left; width:33.2%; text-align:center; height:100%; background:#555; display: block;}
.col3 { float:left; width:33.2%; text-align:center; height:100%; background:#fff; display: block;}


@media all and (max-width: 1169px) {
.col1, .col2, .col3 { width:100%; }
}