JSFiddle - React, Tailwind, and code Playground

HTML

<div class="lower-content">
                <div class="col-1">
                    <h2><strong>Sales Calendar</strong></h2>
                    <div class="full border scrollbox">
                        <h4>FEBRUARY</h4>
                        <span>Presidents' Day Sale</span><br />
                        <span>Fri-Mon, Feb 14-17</span><br />
                        <h4>MARCH - APRIL</h4>
                        <span>Presidents' Day Sale</span><br />
                        <span>Mar 15-Apr 19</span><br />
                        <h4>MAY</h4>
                        <span>Memorial Day Weekend Sale</span><br />
                        <span>Fri-Mon, May 23-26</span><br />
                        <h4>JUNE</h4>
                        <span>Presidents' Day Sale</span><br />
                        <span>June 1-30</span><br />
                        <h4>JULY</h4>
                        <span>July 4th Summer Sale</span><br />
                        <span>Thu-Sun, July 3-6</span><br />
                        <h4>AUGUST</h4>
                        <span>Presidents' Day Sale</span><br />
                        <span>Aug 1-31</span><br />
                        <h4>SEPTEMBER</h4>
                        <span>Labor Day Weekend Sale</span><br />
                        <span>Fri-Mon, Aug 29-Sept 1</span><br />
                        <span>Presidents' Day Sale</span><br />
                        <span>Sept 15-Oct 25</span><br />
                        <h4>OCTOBER</h4>
                        <span>Columbus Day Sale</span><br />
                        <span>Fri-Mon, Oct 10 - 13</span><br />
                        <h4>NOVEMBER</h4>
                        <span>Presidents' Day Sale Holiday Preview</span><br />
                        <span>Nov 1-20</span><br />
                        <span>Black Friday Preview Days</span><br />
                        <span>Sat-Wed, Nov 22-26</span><br />
                        <span>After-Thanksgiving Sale</span><br />
   ...

CSS

.lower-content {
  border-top: 1px solid #b2b2b2;
  margin: 1% auto 0;
  padding: 1% 0 0;
  width: 1200px;
}

.lower-content .col-1 {
  height: 100%;
  position: relative;
  width: 27%;
    padding-bottom:100%;
    background:lightgray;
}
.lower-content .col-1 .scrollbox {
  font-size: 1.2em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}