JSFiddle - React, Tailwind, and code Playground

by Konstantin Rouda

HTML

<article class="c-container">
  <div class="c-elem">1</div>
  <div class="c-elem">2</div>
  <div class="c-elem">3</div>
  <div class="c-elem">4</div>
  <div class="c-elem">5</div>
  <div class="c-elem">6</div>
</article>

CSS

*, *::before, *::after {
  box-sizing: border-box;
}

.c-container {
  /*display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;*/
  display: flex;
  border: 1px solid;
}

.c-container > * {
  background: grey;
  padding: 1rem;
}

.c-container::before {
  content: "BEFORE";
}

.c-elem {
  
}