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

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

Visible on 'sm' (640px) screens and LARGER

(Hidden on extra-small screens)

You are on an extra-small screen (or this element has 'sm:hidden').

The blue box above should be hidden.