JSFiddle - React, Tailwind, and code Playground

by chiefGui

HTML

<div class="header">
</div>
<div class="site">
    <div class="container">
        <div class="container-head">
        </div>
        <div class="container-body">
            <div class="right-sidebar">
                Tchau
            </div>
            <div class="left-content">
                Oie
            </div>
        </div>
    </div>
</div>

CSS

body {
    font-family: Tahoma
}

.header {
    background-color: #49c98e;
    width: 100%;
    height: 50px;
}

.site {
    padding: 1.5em 0;
}

.container {
    background-color: #c7c7c7;
    width: 95%;
    margin: 0 auto;
}

.right-sidebar {
    background-color: #a94cd5;
    width: 300px;
    display: table-cell;
    float: right;
}

.left-content {
    background-color: #dbdbdb;
    width: 100%;
    display: table-cell;
}