JSFiddle - React, Tailwind, and code Playground

by cmruser

HTML

<div class="parent">
  <div class="child">asdf</div>
  <div class="child">a</div>
  <div class="child">c</div>
</div>

CSS

.parent {
  position: relative;
  background: #eee;
  padding: 1rem;

  display: flex;
  flex-direction: column;

}

.child {
  position: relative;
  padding: 1rem;
  border: 1px solid #ccc;

  transform: translate(0%, 100%);

  /* Add other styles to your child elements */
}