JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-content">
	<div class="content">центральный блок</div>
  <div class="left-sidebar">левый сайдбар</div>
	<div class="right-sidebar">правый сайдбар</div>
</div>

CSS

.main-content div {
  height: 100px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  float: left;
}
.content {
  width: 60%;
  margin-left: 20%;
}
.left-sidebar {
  width: 20%;
  margin-left: -80%;
}
.right-sidebar {
	width: 20%;
}
@media (max-width: 576px) {
  .content {
    width: 100%;
    margin: 0;
  }
  .left-sidebar {
    width: 50%;
    margin: 0;
  }
  .right-sidebar {
    width: 50%
  }
}