JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content-layout-wrapper layout-item-0">
                        <div class="content-layout columnBodyRow-wrapper">
                          <div class="content-layout-row">
                            <div class="layout-cell columnBody-wrapper curvedBottom">
                              <p>Column1</p>
                              <p style="position:absolute; right:0px; bottom: 0px; ">&nbsp;<span class="button-wrapper"><span class="button-l"> </span><span class="button-r"> </span><a class="button button" href="#">Learn More</a></span>&nbsp;<br>
                              </p>
                            </div>
                            <div class="layout-cell columnBody-wrapper curvedBottom">
                              <p>Column 2<br></p>
                              <p style="text-align: right;">&nbsp;<span class="button-wrapper"><span class="button-l"> </span><span class="button-r"> </span><a class="button button" href="#">Learn More</a></span>&nbsp;<br>
                              </p>
                            </div>
                            <div class="layout-cell columnBody-wrapper curvedBottom">
                              <p>Column 3</p>
                              <p style="text-align: right;">&nbsp;<span class="button-wrapper"><span class="button-l"> </span><span class="button-r"> </span><a class="button button" href="#">Learn More</a></span>&nbsp;<br>
                              </p>
                            </div>
                            <div class="layout-cell columnBody-wrapper curvedBottom">
                              <p>Column 4<br><br></p>
                              <p style="text-align: right;">&nbsp;<span class="button-wrapper"><span class="button-l"> </span><span class="button-r"> </span><a class="button button" href="#">Schedule Now!</a></span>&nbsp;<br>
                              </p>
                            </div>
                          </div>
                        </div>
         ...

CSS

.content-layout {
    border-collapse: separate;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.content-layout-row {
    display: table-row;
}

.columnBody-wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #469FD2;
    border-style: solid;
    border-width: 1px;
    color: #002929;
    padding-left: 10px;
    padding-right: 10px;
    width: 202px;
    position:relative;
}

.layout-cell {
    display: table-cell;
    vertical-align: top;
}