JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

Text

CSS

@media (max-width: 49.9375em) {
    body {
        color: red;
    }
}

@media (min-width: 50em) {
    body {
        font-size: larger;
    }
}

JavaScript

function displayWidth() {
    $('body').text('Viewport width = ' + $(window).width());
};

$(window).resize(displayWidth);
displayWidth();