JSFiddle - React, Tailwind, and code Playground

HTML

<h1>flex-shrink:</h1>
<section class="flex">
    <div>1</div>
    <div>2</div>
    <div class="shrink">3</div>
    <div>4</div>    
</section>

CSS

h1{ font: normal 22px/2px Calibri; color: Gray; }
.flex{
    display: flex; 
    border: 2px solid ForestGreen;
}
.flex div{  
   flex-basis: 200px;
   background: OliveDrab; color: white; margin: 4px;   
}
.shrink{ flex-shrink: 3; }