JSFiddle - React, Tailwind, and code Playground

by Lexogram

HTML

<div>
<p>Last item</p>
<p>Second last item</p>
<p>Top item</p>
</div>

CSS

html, body, div {
  height: 100%;
}

div {
  display: grid;
  grid-template-columns: 1;
  grid-template-rows: repeat(3, 1fr);
  /* MISSING RULE */
}

p:nth-child(1) {
  grid-row-start: 3;
}

p:nth-child(3) {
  grid-row-start: 1;
}