Visibility

These utils allow you to show or hide an element within a certain breakpoint.

Hiding an element

Hidden on small screens
<div class="u-hidden--small">Hidden on small screens</div>
Hidden on medium screens
<div class="u-hidden--medium">Hidden on medium screens</div>
Hidden on large screens
<div class="u-hidden--large">Hidden on large screens</div>

Making an element visible

Visible on small screens
<div class="u-visible--small">Visible on small screens</div>
Visible on medium screens
<div class="u-visible--medium">Visible on medium screens</div>
Visible on large screens
<div class="u-visible--large">Visible on large screens</div>