JSFiddle - React, Tailwind, and code Playground

CSS

@media only screen and (max-width: 768px) {
    body {
    	background:red;
    }
    @media only screen and (max-width: 600px) { 
        body {
            background:green;
        }
    }
} 
@media only screen and (max-width: 480px) { 
    body {
        background:blue;
    }
}