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>CSS
.col1 { float:left; width:50%; text-align:center; height:100%; background:#fff; display: block;}
.col2 { float:left; width:50%; text-align:center; height:100%; background:#555; display: block;}
@media all and (max-width: 600px) {
.col1, .col2 { width:100%; }
}