JSFiddle - React, Tailwind, and code Playground

by arackaf

HTML

<div class="overlay-holder">
  <div>
    Hello
  </div>
  <div>
    World
  </div>
</div>

CSS

.overlay-holder {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-items: center;
}

.overlay-holder > * {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
}