JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv">
        testing text color with media queries
    </div>

CSS

#mydiv {color:#FF0000;}
		@media screen and (max-width:400px){
    		#mydiv {color:#33CC33;}
		}
		@media screen and (min-width:401px and max-width:750px){
    		#mydiv {color:#000;}
		}