JSFiddle - React, Tailwind, and code Playground

by Simon Henshall

HTML

<div class="footer">
    <div id="one">Test</div>
    <div id="two">Test</div>
    <div id="three">Test</div>
    <div id="four">Test</div>
    <div id="asdasd">Test</div>
    <div id="asdasadsd">Test</div>
    <div id="asdasdsaasd">Test</div>
</div>

CSS

.footer div:nth-of-type(1) {
  width: 100%;
}

.footer div {
  width: 33.33%;
  float: left;
}