JSFiddle - React, Tailwind, and code Playground

by bmgonzal

HTML

<div>Resize your window...</div>

<div id='num'>5</div>

CSS

#num{
    width: 30px;
  background: blue;
  color: white;
    font-size: 40px;
    padding: 30px;
}

JavaScript

$(document).ready(function(){

    var i = 5;
    
    $(window).resize(function(){
     
        if ( $(this).outerWidth() <= 1000 ){
            i = 7;
            $('#num').text(i);
        }
        else{
            i = 5;
             $('#num').text(i);
        }
                
    });
    
});