JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
    <div class="logo">LOGO</div>
    <div class="right-block">Правый блок</div>
    <div class="center"></div>
    
    
</div><!-- end header-->

CSS

.logo{
    display:inline-block;
}

.right-block{
    order:1;
}

.center{
    height:16px;
    display:inline-block;
    min-width:100px;
    border:1px solid black;
    width:250px;
    flex:0 2 auto;
    
}

.header{
    display:flex;
}