JSFiddle - React, Tailwind, and code Playground

by NunoMira

HTML

<div class="table" style="border: 1px solid gray">
    <div class="col">COL dfdsfs fds f dsf dsf ds f</div>
    <div class="col">COd fdsf sf sdf ds fd fds f ds fds sd fds fsdf</div>
</div>

CSS

.table {
      display: flex;
    }

    .table .col {
      display: table-column;
    }

    @media screen and (max-width: 786px) {
      .table {
        flex-wrap: wrap;
      }
      .table .col {
        width: 100%;
      }
    }