Largura e Altura

Ultilitários de larguras e alturas

<div class="w15">largura</div>
<div class="w20">largura</div>
<div class="w25">largura</div>
<div class="w30">largura</div>
<div class="w33">largura</div>
<div class="w50">largura</div>
<div class="w70">largura</div>
<div class="w75">largura</div>
<div class="w80">largura</div>
<div class="w85">largura</div>

<div class="h5">altura</div>
<div class="h10">altura</div>
<div class="h15">altura</div>
<div class="h20">altura</div>
<div class="h25">altura</div>
<div class="h30">altura</div>
<div class="h40">altura</div>
<div class="h50">altura</div>
<div class="h60">altura</div>
<div class="h70">altura</div>
<div class="h75">altura</div>
<div class="h80">altura</div>
<div class="h90">altura</div>
<div class="h100">altura</div>

.h5 { min-height: 5vh }
.h10 { min-height: 10vh }
.h15 { min-height: 15vh }
.h20 { min-height: 20vh }
.h25 { min-height: 25vh }
.h30 { min-height: 30vh }
.h40 { min-height: 40vh }
.h50 { min-height: 50vh }
.h60 { min-height: 60vh }
.h70 { min-height: 70vh }
.h75 { min-height: 75vh }
.h80 { min-height: 80vh }
.h90 { min-height: 90vh }
.h100 { min-height: 100vh }

@media (min-width: 640px) {
    .w15 { width: 15% }
    .w20 { width: 20% }
    .w25 { width: 25% }
    .w30 { width: 30% }
    .w33 { width: 33.333333% }
    .w50 { width: 50% }
    .w70 { width: 70% }
    .w75 { width: 75% }
    .w80 { width: 80% }
    .w85 { width: 85% }
}

Larguras só são aplicadas no viewport >= 640px