JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Exemple 1</h1>
<div class="container">
  <aside class="col-md-4">
    <section class="row">
      Voici un bloc HTML qui sera affiché sur 4 colonnes. Donc il y aura un espace de 8 colonnes libres
    </section>
    <section class="row">
      seconde rangée de contenu dans ce bloc de 4 colonnes de large
    </section>
  </aside>
</div>
<h1>Exemple 2</h1>
<div class="container">
  <aside class="col-md-4">
    <section class="row">
        <div id="zone_gauche" class="col-md-4">
            le contenu de la sous zone de 4 colonnes
        </div>
        <div id="grande_zone_droite" class="col-md-8">
            les contenu de la sous zone de 8 colonnes
        </div>
    </section>
   </aside>
</div>