JSFiddle - React, Tailwind, and code Playground

by stefanu

HTML

<div class="grid-container">

    <div class="grid-child purple">
        Grid Column 1
    </div>

    <div class="grid-child green">
        Grid Column 2
    </div>
  
</div>

CSS

.grid-container {
  display: grid;
  grid-template-columns: auto 5rem;
  grid-gap: 20px;
}

.grid-child {
  background-color: red;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}