JSFiddle - React, Tailwind, and code Playground

by Zacc206

HTML

<h1>Hello World!</h1>
<div></div>
<button>Get viewport size</button>

CSS

@media (max-width: 10000px){ h1{color:Coral;}}
@media (max-width: 900px){ h1{color:BlueViolet;}}
@media (max-width: 800px){ h1{color:Chartreuse;}}
@media (max-width: 700px){ h1{color:CadetBlue;}}
@media (max-width: 600px){ h1{color:Aqua;}}
@media (max-width: 500px){ h1{color:blue;}}

JavaScript

$('button').click(function(){
    $('div').text($(window).width());
});