JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>j</li>
    <li>j</li>
     <li>j</li>
          <li>j</li>
          <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
          <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
         <li>j</li>
     </ul>

CSS

html {
    height:100%;
}

body {
    border:3px solid green;
    width:200px;
    height:100%;
}