LayoutCSS Docs Showcase
  • Showcase

    • components

  • Area
  • Box
  • Center
  • Extender
  • Grid
  • Icon
  • Ledge
  • Outsider
  • Rack
  • Sidebar
  • Slider
  • Stack
  • Switcher

    • Utilities

  • align-self
  • bg-img
  • flex
  • font-size
  • h
  • hide
  • line-height
  • p-child
  • p-recursive
  • p
  • ratio
  • relative
  • w
  • z-index

    • hide

    ...

    There are two hide utilities: hide-over and hide-under.

    Both utilities define a breakpoint at which the element will be hidden.

    The hide-over utility defines the breakpoint above which the element will be hidden.

    The hide-under utility defines the breakpoint below which the element will be hidden.

    hide-over 700px

    hide-under 500px

    hide-over 1000px and hide-under 400px