JSFiddle - React, Tailwind, and code Playground

by Trifan Alexandru

HTML

<div class="button">
    Haleluia
</div>

CSS

@media (min-width:80px) {
    .button {
         width: 140px;
         height: 80px;
         font-size: 18px;
         line-height: 80px;
         font-weight: bold;
    }
}
@media (min-width:700px) {
    .button {
        width: 40px;
        height: 20px;
        padding: 4px;
        background-color: blue;
        color: white;
        text-align: center;
        line-height: 20px;
    }
}