JSFiddle - React, Tailwind, and code Playground

by askhflajsf

HTML

<div class="three_cutiepies">
  <div>
    <p>Lipsup</p>
    <p>Dolor</p>
  </div>
  <div>
    <p>Lipsup</p>
    <p>Dolor</p>
  </div>
  <div>
    <p>Lipsup</p>
    <p>Dolor</p>
  </div>
</div>

CSS

.three_cutiepies {
  background: blue;
  color: white;
  font-size: 20px;
  padding: 11px 0;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.three_cutiepies div {
  width: 100%;
}

@media (max-width: 400px) {
  .three_cutiepies div {
    width: 100%;
  }
}