Ratio

Lets you create boxes that maintain proportional dimensions where the height and width of a box are calculated


Usage

Add ratio-* class to block or inline block element.

<div class="ratio-16/9">
    // Your content
</div>

Classes

ClassValue
ratio-21/9
ratio-16/9
ratio-4/3
ratio-1/1
 

Add @s, @m, or @l suffix to support breakpoints