JSFiddle - React, Tailwind, and code Playground

by cent cent

HTML

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

CSS

body{
  background: #ccc;
}

.wrapper {
margin: 0 auto;
height: 600px;
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;
}