Responsive height maintains its value with the width.
Example | Class |
.h-1by1 |
|
.h-1by2 |
|
.h-2by1 |
|
.h-3by4 |
|
.h-4by3 |
|
.h-9by16 |
|
.h-16by9 |
<div class="w-30pc h-1by2 bg-cover" style="background-image: url(...);"></div>