JSFiddle - React, Tailwind, and code Playground

HTML

<p class="desktop-only">Paragraphe visible sur desktop</p>

<p class="mobile-only">Paragraphe visible sur mobile</p>

CSS

@media (min-width:992px) {
    .desktop-only {
        display:block !important;
    }
    
    .mobile-only {
        display:none !important;
    }    
}

@media (max-width: 991px) {
.mobile-only {
display:block !important;
}

.desktop-only {
display:none !important;
}
}