JSFiddle - React, Tailwind, and code Playground

by Stefan Zamfira

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea expedita iusto saepe quidem. Eveniet pariatur fugiat inventore provident. Excepturi quia ex in iure placeat ea officiis. Laudantium enim ullam tempore.</p>

<div class="wrapper">wrapper
    <div class="sidebar">sidebar</div>
    <div class="main">main</div>
</div>

CSS

body{background: #ccc;}
.wrapper {
margin: 0 auto;
height: 1400px;
width: 650px;
    background: green;
}

.sidebar {
    background-color: #ddd;
    float: left;
    width: 300px;
    height: 100px;
    position: fixed;
 
}

.main {
float: right;
    background-color: yellow;
    width: 300px;
    height: 1400px;
}