JSFiddle - React, Tailwind, and code Playground

by Mojtaba Sabeti

HTML

<div></div>

CSS

@media screen and (min-width: 1201px){
	div::before {
		content: "صفحه بزرگتر از 1201 پیکسل است.";
	}
}
@media screen and (max-width: 1200px){
	div::before {
		content: "صفحه کوچکتر از 1200 پیکسل است.";
	}
}
@media screen and (max-width: 980px){
	div::before {
		content: "صفحه کوچکتر از 980 پیکسل است.";
	}
}