JSFiddle - React, Tailwind, and code Playground

by Lachlan Arthur

HTML

<article>
  <header>header</header>
  <main>
    <div>a</div>
    <div>b</div>
    <div>c</div>
  </main>
  <footer>footer</footer>
</article>

SCSS

article {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

main {
  display: grid;
  grid-template-columns: repeat(auto-fill, 100px);
}