Example 2: Show by Default, Hide on Small Screens and Up

Resize your browser window to see the effect. Tailwind's default 'sm' breakpoint is 640px.

Visible by default (on extra-small screens), HIDDEN on 'sm' (640px) screens and LARGER

(This is for mobile-only content, for example)

You are on an 'sm' screen or larger (or this element has 'hidden sm:block').

The green box above should be hidden.