JSFiddle - React, Tailwind, and code Playground

HTML

<p>Is it retina yet ?</p>
<div>
    YEAH, RETINA, BITCH
</div>

CSS

body {background:lightblue; font-family:Arial; text-align: center;}

img {max-width:100%; display: block;}
div {font-size: 30px; display: none;}

@media (min--moz-device-pixel-ratio: 1.5),
	(-o-min-device-pixel-ratio: 3/2),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	(min-resolution: 1.5dppx) {
        body {background:deepskyblue;}
	    div {display: block;}
}