JSFiddle - React, Tailwind, and code Playground

by Ayadi Baha Eddine

HTML

<div class="col-xs-12 col-sm-4"></div>
<div class="col-xs-12" id="one"></div>
<div class="col-xs-12 col-sm-4"></div>
<div class="col-xs-12"></div>
<div class="col-xs-12" id="two"></div>
<div class="col-xs-12"></div>

JavaScript

$(document).ready(function(){
    if(screen.width>=768){
        $('#one').addClass('col-sm-4');
        if($('#two').hasClass('col-sm-4')){
            $('#two').removeClass('col-sm-4');
        }
    }else{
        $('#two').addClass('col-sm-4');
        if($('#one').hasClass('col-sm-4')){
            $('#one').removeClass('col-sm-4');
        }
    }
});