JSFiddle - React, Tailwind, and code Playground
by gregborbonus
HTML
<table class="country-table">
<thead>
<tr>
<th>Day</th>
<th>Date</th>
<th>Holiday Name</th>
<th class="comments">Type</th>
<th class="hide-ipadmobile">Comments</th>
</tr>
</thead>
<tbody>
<tr class="country-past">
<td>Wednesday</td>
<td style="white-space:nowrap;"><time itemprop="startDate" datetime="2020-01-01">Jan 01</time></td>
<td><a class="country-listing" href="https://www.officeholidays.com/holidays/usa/international-new-years-day">New Year's Day</a></td>
<td style="white-space:nowrap;" class="comments">Federal Holiday</td>
<td class="hide-ipadmobile"></td>
</tr>
<tr class="country-past">
<td>Monday</td>
<td style="white-space:nowrap;"><time itemprop="startDate" datetime="2020-01-20">Jan 20</time></td>
<td><a class="country-listing" href="https://www.officeholidays.com/holidays/usa/martin-luther-king-jr-day">Martin Luther King Jr. Day</a></td>
<td style="white-space:nowrap;" class="comments">Federal Holiday</td>
<td class="hide-ipadmobile">3rd Monday in January</td>
</tr>
<tr class="region-past">
<td>Monday</td>
<td style="white-space:nowrap;"><time itemprop="startDate" datetime="2020-02-17">Feb 17</time></td>
<td><a class="country-listing" href="https://www.officeholidays.com/holidays/usa/presidents-day">President's Day</a></td>
<td style="white-space:nowrap;" class="comments">Federal Holiday</td>
<td class="hide-ipadmobile">3rd Monday in February</td>
</tr>
<tr class="nap-past">
<td>Sunday</td>
<td style="white-space:nowrap;"><time itemprop="startDate" datetime="2020-05-10">May 10</time></td>
<td><a class="country-listing" href="https://www.officeholidays.com/holidays/usa/mothers-day">Mother's Day</a></td>
<td style="white-space:nowrap;" class="comments">Not A Public Holiday</td>
<td class="hide-ipadmobile">2nd Sunday in May. Not a public holiday</td>
</tr>
<tr class="country-past">
<td>Monday</td>
<td style="white-space:nowrap;"><time itemprop="startDate" datetime="2020-05-25">May 25</time></td>
<td><a class="country-listing"...