Height classes in Automatic.css set a minimum height on any element they’re applied to. We use a minimum height instead of a fixed height as best practice to prevent overflow issues.
Heights are available from 20 to 100 and are represented in vh units (e.g. .height--50 applies a minimum height of 50vh).
.height--20.height--30.height--40.height--50.height--60.height--70.height--80.height--90.height--100
Changing height at breakpoints
You can adjust the min-height at each breakpoint using our breakpoint height utilities. The convention is: .height--[breakpoint]-[value].