hidden

Oculta un elemento por completo. Se combina con clases responsivas como md:flex para mostrarlo en ciertos tamaños.

<div class="hidden md:block bg-purple-200 p-2">
  Este texto aparece solo en pantallas medianas o grandes.
</div>