aspect-ratio-boxes

This page shows containers in which the proportions (or aspect ratio) remain the same, even when their size changes. This is possible by changing the top padding to a percentage, which is based on the width of the container.
Yeah, this sounds super weird, but it works! Try it by resizing this window.
If you have a suggestion on how we can make this more useful, please leave a comment!