JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.main {
    border:1px solid #00f;
    max-width:1216px;
}
.left {
    float: left;
    width:262px;
    background:#FF4500;
}
.right {
    float: right;
    background:#FFD700;
}
.center {
    max-width: 690px;    
    overflow: hidden;    
    background:#4169E1;
}