JSFiddle - React, Tailwind, and code Playground

HTML

<section>
      
    <p>Wadup ma man 1
    <p>Wadup ma man 2
    <p>Wadup ma man 3
    <p>Wadup ma man 4
    <p>Wadup ma man 5
    <p>Wadup ma man 6
    <p>Wadup ma man 7
    <p>Wadup ma man 8
    <p>Wadup ma man 9
    <p>Wadup ma man A
    <p>Wadup ma man B
    <p>Wadup ma man C
    <p>Wadup ma man D
    <p>Wadup ma man E
    <p>Wadup ma man F
    <p>Wadup ma man G

  </section>

CSS

body { font: 14pt Helvetica; line-height: 1.5em; }
html,body,section { height: 100%; }
* { padding: 0; margin: 0; border: 0; }

section { display: -webkit-flex; display: flex;
          -webkit-flex-direction: column;
          flex-direction: column;
          -webkit-justify-content: flex-end;
          justify-content: flex-end;
          overflow-y: scroll; }
section p { -webkit-flex: none; flex: none; min-height: 1em; }