JSFiddle - React, Tailwind, and code Playground

by Donna Torr

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<div class="container">
<div class="row events events-header">
        <div class="col">Date</div>
        <div class="col">Location</div>
        <div class="col">Event Poster</div>
        <div class="col">Facebook Event</div>
        <div class="col">Buy Tickets</div>
</div>
<div class="row events">
        <div class="col">31st October</div>
        <div class="col">The Hub, DINGWALL</div>
        <div class="col"><a href="https://engage.squarespace-mail.com/r?m=634c6704259adc6a6c1191e2&u=https%3A%2F%2Fwww.dropbox.com%2Fs%2Fq13ounbm3qmrwgr%2F_31%2520OCT%2520-%2520Dingwall.png%3Fdl%3D0%26fbclid%3DIwAR09yOxuppKj4Jh5XUM7mmqoyUIkqSF0vQl7GUyrZ78TiJ2h-b0cBD7mLdo&w=5ddd0495a989e17f95300069&l=en-US&s=fxLMMuxRnrkLnXmZTJf0mdatZC4%3D" target="blank" title="Morningstar Film Premiere" class="btn sppb-btn sppb-btn-custom sppb-btn-sm">View</a></div>
        <div class="col"><a href="https://engage.squarespace-mail.com/r?m=634c6704259adc6a6c1191e2&u=https%3A%2F%2Fwww.facebook.com%2Fevents%2F835830610776558%2F&w=5ddd0495a989e17f95300069&l=en-US&s=imu3wqSS8r2yhLjPRZDY1c0IbkM%3D" target="_blank" title="Morningstar Film Premiere" class="btn sppb-btn sppb-btn-custom sppb-btn-sm">View Event</a></div>
        <div class="col"><a href="https://engage.squarespace-mail.com/r?m=634c6704259adc6a6c1191e2&u=https%3A%2F%2Fwww.eventbrite.co.uk%2Fe%2Fmorningstar-john-wycliffe-dingwall-film-screening-tickets-441225245587&w=5ddd0495a989e17f95300069&l=en-US&s=l_5PZ8NYx2u7kWELRkcKZTEDSHU%3D" target="_blank" title="Morningstar Film Premiere" class="btn sppb-btn sppb-btn-custom sppb-btn-sm">Get Tickets</a></div>
</div>
<div class="row events">
        <div class="col">1st November</div>
        <div class="col">An Lanntair, STORNOWAY</div>
        <div class="col"><a...

CSS

.events .col {
  text-align:center;
  vertical-align:center;
}
.events-header {
	font-weight: 600;
  border-bottom:1px solid #f1f1f1;
}