JSFiddle - React, Tailwind, and code Playground

HTML

<a class="condition">condition</a>

CSS

@media (max-width: 535px) {
    .condition {
       color : green;

    }
}
@media only screen and (min-width: 1359px )and (min-height: 474px )   {
    .condition {
        color: red;
    }
}
@media only screen and (min-width: 801px ){
    .condition {
        color: blue;
    }
}