Select theme

Height utilities

Use the following classes to modify the height and min-height property of any element.

.h-0 {
  height: 0px;
}
.m-h-0 {
  min-height: 0px;
}
.h-10 {
  height: 10px;
}
.m-h-10 {
  min-height: 10px;
}
.h-20 {
  height: 20px;
}
.m-h-20 {
  min-height: 20px;
}
.h-30 {
  height: 30px;
}
.m-h-30 {
  min-height: 30px;
}
.h-40 {
  height: 40px;
}
.m-h-40 {
  min-height: 40px;
}
.h-50 {
  height: 50px;
}
.m-h-50 {
  min-height: 50px;
}
.h-100 {
  height: 100px;
}
.m-h-100 {
  min-height: 100px;
}
.h-150 {
  height: 150px;
}
.m-h-150 {
  min-height: 150px;
}
.h-200 {
  height: 200px;
}
.m-h-200 { 
  min-height: 200px;
}
.h-100p {
  height: 100%;
}
.m-h-100p { 
  min-height: 100%;
}
h-10

h-20

h-50

h-100

h-200