JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<div class="grid-container">
  <div class="grid-layer">layer1</div>
  <div class="grid-layer">layer2</div>
  <div class="grid-layer">layer3<br/>second line</div>
</div>

CSS

.grid-container {
  display: grid;
  grid-template: "layer" auto / auto;
  border: 1px solid blue;
}

.grid-layer {
  grid-area: layer;
  text-align: center;
}