JSFiddle - React, Tailwind, and code Playground

by jmpp77

HTML

<div class="flex">
  <h1>Titre</h1>
  <article>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae dolorem perferendis, ea animi distinctio quasi magnam. Repellendus, necessitatibus eaque possimus minima officiis ipsam, porro dolorem natus maiores reiciendis suscipit laboriosam?</article>
  <article>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam ipsam aliquid repellat, nesciunt vel earum molestiae corrupti, distinctio, impedit velit alias porro ullam! Nesciunt earum, tempora quae commodi voluptas recusandae.</article>
</div>

CSS

.flex {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.flex h1 {
  width: 100%;
}

.flex article {
  flex: 1;
}