Min Height / Min Width - Max Height / Max Width

The min-width, max-width, min-height and max-height CSS property sets the min, max width and height of an element.

For responsive

add -sm, -md, -lg or -xl to class name, for example:

<div class="minh100vh-md"></div>

.minh0 {
    min-height: 0;
}

.minhfull {
    min-height: 100%;
}

.minh100vh {
    min-height: 100vh;
}

.maxhfull {
    max-height: 100%;
}
.maxh100vh {
    max-height: 100vh;
}

.minw0 {
    min-width: 0;
}

.minwfull {
    min-width: 100%;
}
.maxwfull {
    max-width: 100%;
}

.mw50\% {
    max-width: 50%;
}
.mw33\% {
    max-width: 33.33333333333333%;
}

.mwi {
    max-width: inherit;
}