JSFiddle - React, Tailwind, and code Playground

HTML

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

    <div class="sidebar">
        Сайдбар
    </div>
 
    <footer>
        Футер
    </footer>
</div>

CSS

body {
  margin: 0;
  font: 12px/18px Arial, sans-serif;
  width: 100%;
    
}
.wrapper {
  margin: 0 auto;	
  width: 935px;
  background: rgb(37, 141, 231);
}
.content {
  display: inline-block;
  width: 640px;
  background: #fff;
  height: 300px;
  border-radius: 0 0 5px 0;
}
.sidebar {
  display: inline-block;
  width: 290px;
  background: rgb(37, 141, 231);
}
footer {
  text-align: center;
}