JSFiddle - React, Tailwind, and code Playground

HTML

<div class="element"></div>

CSS

.element {
    display: inline-block;
    width: 200px;
    height: 200px;
    background: #f44336;
}
@media (min-width: 400px) {
    .element {
        background: #cccccc;
    }
}

@media (min-width: 500px) {
    .element {
        background: #888888;
    }
}

@media (min-width: 600px) {
    .element {
        background: #222222;
    }
}