JSFiddle - React, Tailwind, and code Playground

by _FLK

HTML

<div id="grey"></div>
<div id="orange"></div>
<div class="wrap_main">
<div id="main_block">main_block</div>
</div>

CSS

.wrap_main{
    padding-top: 100px;
    padding-right: 100px;
}
#grey {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #CCC;
}
#orange {
    position: fixed;
    top: 50px;
    right: 0;
    width: 100px;
    height: 100%;
    background: #FFA500;
}
#main_block {
border: 3px solid #7FFF00;
    height: 300px;
    margin: 0 auto;
    width: 400px;
}