JSFiddle - React, Tailwind, and code Playground

by serio

CSS

body { background: black; }
@media (max-width: 800px) { body { background: blue; } }
@media (max-width: 700px) { body { background: green; } }
@media (max-width: 600px) { body { background: red; } }
@media (max-width: 500px) { body { background: orage; } }
@media (max-width: 400px) { body { background: pink; } }