JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="layout">
  <div class="sidebar">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas odio vero quae officia delectus dicta amet aliquid, deserunt dolores veritatis doloribus vel asperiores, numquam hic, maiores facere debitis nisi ipsum.</p>
  </div>
  <div class="main">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit, tempora ad voluptas repellendus expedita quas adipisci porro iusto ullam tempore similique beatae mollitia incidunt culpa nostrum fugiat exercitationem? In, quia.</p>
  </div>
</div>

SCSS

.layout {
  width: 100%;
  display: table;
}

.sidebar,
.main {
  padding: 15px;
  display: table-cell;
  border: 2px solid #aaa;
}

.sidebar {
  width: 25%;
  border-color: #eaeaea;
}