JSFiddle - React, Tailwind, and code Playground

by userdude

HTML

<p>I am text.</>

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 = $('html');

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

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