JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="wrapper">
  <div class="test"></div>
</div>

CSS

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.wrapper {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.test {
  height: 20px;
  width: 20px;
  background: red;
}