JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus quaerat eligendi vel animi totam, facere, modi eos perferendis assumenda sunt dicta quia mollitia dolores aperiam fugiat est quod ab, sed!</p>

CSS

p {
			color: #333;
			font-size: 50px;
		}

		@media screen and (max-width: 1200px) {
			p {
				font-size: 40px;
				color: #666;
			}
		}
		
		@media screen and (max-width: 1024px) {
			p {
				font-size: 30px;
				color: #999;
			}
		}

		@media screen and (max-width: 768px) {
			p {
				font-size: 20px;
				color: #ccc;
			}
		}

		@media screen and (max-width: 480px) {
			p {
				font-size: 10px;
				color: #fcc	;
			}
		}

		@media screen and (max-width: 320px) {
			p {
				font-size: 50px;
				color: #f50;
			}
		}