JSFiddle - React, Tailwind, and code Playground

by Ahmad Baktash Hayeri

CSS

@media screen and (max-width: 767px) {
    body {
        background-color: red !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 983px) {
    body {
        background-color: blue !important;
    }
}
@media screen and (min-width: 984px) {
    body {
        background-color: green !important;
    }
}