JSFiddle - React, Tailwind, and code Playground

by mrcl

HTML

<section class="container"> 
  <article><h1>Eins</h1></article>
  <article><h1>Zwei</h1></article>
  <article><h1>Drei</h1></article>
  <article><h1>Vier</h1></article>
</section>

CSS

.container {
  display:flex;
}

.container > * {
  background: gold;; border: 1px solid lime;
}

@media screen and (max-width: 700px) {
  .container {
    flex-direction: column;
  }
}