JSFiddle - React, Tailwind, and code Playground

by lollero

CSS

html, body {
    height: 100%;
}

body {
    margin: 0 auto;
    width: 597px;
    outline: 6px solid red;
    opacity: 0.3
}

JavaScript

var body = $('body');

$(window).on("resize", boy).trigger("resize");

function boy( e ) {
    
    var bodyD = body.data();

    console.log( 'body data-boy: ' + bodyD.boy )
    
    if ( !bodyD.boy && $(window).width() >= 600 ) {
        body.data({ "boy": true });
        console.log("I'm a BIG boy!");
    }
    else if ( bodyD.boy && $(window).width() < 600 ) {
        body.data({ "boy": false });
        console.log("I'm a SMALL boy!");
    }
    
}