JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>

CSS

.left
{
    background: blue;
    width:130px;
    height: 100px;
    float: left;
}

.middle
{
    background: yellow;
    width: ;
    height: 100px;
    float: left;
}

.right
{
    background: blue;
    width: 130px;
    height: 100px;
    float: right;
}

JavaScript

$('.middle').css('width', '100%').css('width', '-=250px');

$(window).on('resize', function(){
    $('.middle').css('width', '100%').css('width', '-=260px');
});