JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<div class="wrap">
    <div class="wrapper">
        <div class="content">
        	<div class="left"></div>
            Блок с контентом
        </div>

        <div class="sidebar">
            Сайдбар
        </div>	 
    </div>
</div>

CSS

body {
    font: 12px/18px Arial, sans-serif;
    width: 100%;
    background: #F7F7F7;
    
}
.wrapper {
    margin: 0 auto;	
    width: 935px;

}
.content {
    display: inline-block;
    width: 640px;
    background: #fff;
    height: 500px;
    border-radius: 0 0 5px 0;
}

.left {
    content: " ";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
    height: 100%;
    width: 100%;
    margin-left: -100%;
    float: left;
}

.sidebar {
    display: inline-block;
    width: 290px;
    background: #F7F7F7;
}