JSFiddle - React, Tailwind, and code Playground

by dswitzer

HTML

<div class="container">
      <div class="first">First<br>adasdj<br>adasdj<br>adasdj<br>adasdj<br>adasdj<br>adasdj<br>adasdj<br>adasdj<br>adasdj</div>
      <div class="second">Second</div>
    </div>

CSS

* {
  font-size: 1.5rem;
  margin: 0;
}

.container {
  background: #AAA;
  display: grid;
  grid-template-columns:30% 70%;
  grid-template-rows:auto;
}

.first {
  background: lightblue;
}

.second {
  background: lightyellow;
  grid-column:2/-1
}