Aspect ratio

Ratio-locked container that never reflows as media loads.

Source: src/stylus/components/aspect-ratio.styl

16:9

Also .ratio-1-1, .ratio-4-3, .ratio-21-9, .ratio-9-16.

Skeletonic logo 
<div class="aspect-ratio ratio-16-9">
  <img src="/assets/logo.svg" alt="Skeletonic logo" width="320" height="180" />
</div>