JSFiddle - React, Tailwind, and code Playground

by tsdexter

HTML

<body>
    <header><h1>This is a header</h1></header>
    <section id="content">This is some content</section>
    <footer>
        <div class="twothirds">
            This is two thirds
        </div>
        <div class="onethird">
            This is one third
        </div>
        <div class="clear-fix"></div>
    </footer>
</body>

CSS

div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.twothirds {
    width: 64.66666%;
    margin-right: 2%;
    float: left;
    background: #ccc;
}
.onethird {
    width: 33.33333%;
    float: left;
    background: #ccc;
}
.clear-fix {clear: both;}