JSFiddle - React, Tailwind, and code Playground

by Emanuel Vecchio

HTML

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

CSS

@media only screen and (max-height: 100px) {
    .condition {
        display: none;
        visibility: hidden;
    }
}
@media only screen and (min-height: 101px)  {
    .condition {
        color: red;
    }
}
@media only screen and (min-height: 301px) {
    .condition {
        color: blue;
    }
}