JSFiddle - React, Tailwind, and code Playground

by bornasepic

HTML

<div class="container">
  <div class="wrapper">
    <div class="inner">Top</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Hi</div>
    <div class="inner">Bottom</div>
  </div>
</div>

CSS

.container {
  height: 150px;
  overflow: auto;
  display:flex; 
  flex-direction:column-reverse;
}