JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='one-h'>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div>
  <div class='row'>
    div
  </div><div class='row'>
    div
  </div>
</div>

CSS

html, body {
  height: 100%;
  margin: 0;
}
.one-h {
  height: 100%;
  width: 500px;
  background: tomato;
  overflow: scroll;
}
.row {
  padding: 50px 0;
  border-bottom: 1px solid white;
}