JSFiddle - React, Tailwind, and code Playground
HTML
<div class="container-fluid">
</div>
CSS
.container{
width:300px;
height:300px;
background:red;
}
.container-fluid{
width:300px;
height:300px;
background:blue;
}
JavaScript
$(window).load(function(){
var windowWidth = $(window).width();
var container = $('.container');
var containerFluid = $('.container-fluid');
if(windowWidth < 600){
containerFluid.removeClass('container-fluid').addClass('container');
}else if (windowWidth > 600){
container.removeClass('container').addClass('container-fluid');
}
});