Height

Height utility classes for easy creating sections in your website that have a certain height.

Simply use the following classes to give your element a variety of height properties:

  • .height-small - height 25% of viewport height (25vh)
  • .height-medium - height 50% of viewport height (50vh)
  • .height-large - height 75% of viewport height (75vh)
  • .height-full - height 100% of viewport height (100vh)

All of the classes above have the following properties:

  • min-height: 200px
  • max-height: 100vh

So that the content is never too small, and never larger than your viewport.

Read more

Float Offset anchor