JSFiddle - React, Tailwind, and code Playground

by mrjordy

HTML

<div class="container">
<p>I am text.</p>
</div>

CSS

html {
    background: white;
    color: red;
    font-size: 1.4em;
}
html.mobile {
    background: blue;
    color: white;
    font-size: 1em;
}

JavaScript

(function($) {
    var $window = $(window),
        $html = $('container');

    function resize() {
        if ($window.width() < 514) {
            return $html.addClass('mobile');
        }

        $html.removeClass('mobile');
    }
    
    $window
        .resize(resize)
        .trigger('resize');
})(jQuery);