JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/css/normalize.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/css/foundation.min.css">
<div class="large-12 columns ProductDropdown left">
    <p class="hideMediaQuery">RACES</p>
    <label>
        <p>TESTEST</p>
    </label>        
</div>

SCSS

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .hideMediaQuery{display:none !important;}
}