JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<div class="test">
  <div class="header">Lorem ipsum dolor sit amet.</div>
  <div class="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem quas inventore unde consectetur molestias facilis eum ratione explicabo error voluptate eius, quia deleniti ipsam repudiandae nemo soluta perspiciatis ea voluptas?</p>
    <p>Dolorem assumenda illum id, sed fuga quisquam suscipit soluta, reiciendis perferendis eveniet omnis fugit fugiat a impedit perspiciatis tenetur, natus hic quas odio ad cupiditate similique ducimus ipsa. Laboriosam, atque!</p>
    <p>Cum odit ducimus sapiente, consequuntur eveniet quia laboriosam impedit, deserunt iste error, porro. Temporibus velit molestias, corrupti earum veritatis nulla, illum inventore aspernatur facere iste. Minus dignissimos autem praesentium, repellendus.</p>
    <p>Repudiandae quidem accusamus veritatis amet repellat perferendis aut iure rem error natus deleniti quasi accusantium, ut maxime ipsa assumenda neque libero maiores adipisci quod. Sunt fuga totam eaque quos sapiente.</p>
    <p>Quas est eos repudiandae unde iusto eum quod veniam quibusdam aperiam sint deleniti ullam laudantium, explicabo, reiciendis suscipit error. Accusantium quo quod eius temporibus porro itaque est hic, tempore debitis.</p>
    <p>Harum sapiente cumque, voluptatibus totam, quam eveniet fuga error ipsa possimus quasi cupiditate corporis consequuntur eligendi sequi ratione minima, sed commodi corrupti mollitia autem repellendus. Ipsa, cumque laudantium. Ipsa, aperiam?</p>
    <p>Optio vel, commodi laudantium neque dolorem dolorum ea, recusandae et blanditiis libero ullam praesentium deleniti, asperiores eveniet. Dolores, nemo minima impedit odio itaque corporis, amet nisi aperiam, architecto libero iste.</p>
    <p>Distinctio alias quisquam, dolorum quos obcaecati repellat autem officiis eos explicabo non iure repellendus similique, ea soluta amet. Error, qui laudantium minus expedita quos temporibus ipsa ut saepe...

CSS

.test {
  display: flex;
  flex-flow: column;
}

.test .footer {
  position: sticky;
  bottom: 0;
  background-color: lightblue;
}