JSFiddle - React, Tailwind, and code Playground

by Ayri Rin

HTML

<div class="raz">
  <div></div>
</div>

CSS

body {
  margin: 0;
  padding: 0;
}
.raz {
    max-width: 30em;
    height: 40em;
    margin: 1em auto 20em;
  border: 1px solid #000;
}
.raz div {
position: fixed;
    width: 100%;
    max-width: inherit;
    height: 4em;
    background: lightpink;
    bottom: 0;
}