JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Не сползает</h2>

<div class="left">width: 20%; min-width:150px;</div>

<div class="right">width: 20%;min-width:150px;</div>
<div class="center">center</div>

CSS

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body{
    min-width:500px;
}
.left {
    width: 20%;
    min-width:150px;
    height: 55px;
    border: solid 1px red;
    float:left;
}
.center {
    overflow: hidden;
    height: 55px;
    border: solid 1px red;
    background: #ff0;
    }
.right {
    width: 20%;
    min-width:150px;
    height: 55px;
    border: solid 1px red;
    float:right;
}