Responsive Visibility Example 1

Resize your browser window to see the changes.

This element is HIDDEN on small screens (xs),

and VISIBLE on 'sm' screens (640px) and UP.

(Using: hidden sm:block )

You are on a SMALL screen (or browser window is narrow).

The blue box above is hidden.

Instructions:

Make your browser window very narrow: The blue box should disappear, and the green box should be visible.
Make your browser window wider (past 640px): The blue box should appear, and the green box should disappear.