JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div class="wrapper cf">
    <div class="sidebar">Left</div>
    <div class="content">Content</div>
    <div class="sidebar">Right</div>
</div>

CSS

/* -- normalize -- */
* { margin: 0 ; padding: 0 ; border: 0 none ; }

/* -- clearfix -- */
.cf:before, .cf:after { content: " " ; display: table ; }
.cf:after { clear: both ; }

/* -- layout -- */
.wrapper {
    width: 500px ;
    margin: 0 auto ;
}

.wrapper div {
    float: left ;
    height: 300px ;
}

.sidebar {
    width: 100px ;
    background-color: #ccc ;
}

.content {
    width: 300px ;
    background-color: #eee ;
}