JSFiddle - React, Tailwind, and code Playground

by Michael Baas

HTML

<span class="show-md">Long winded</span>
Introductions 
<span class="show-lg">with a waste of many words</span>
are rarely entertaining!

CSS

/* Extra-Small devices  */
@media (max-device-width: 768px) { 
	.show-lg {	display: none;}
	.show-md {	display: none;}
}

/* Medium devices  */
@media (min-device-width: 768px) AND (max-device-width: 1023px) { 
	.show-lg {	display: none;}
}