/wd/ - Web Design

stop using padding-top hacks for responsive containers. the aspect-ratio: 16 / 9; property is now the standard for maintaining proportions without extra math. it works perfectly for images, video embeds, and even custom card components.
>it simplifies your entire css architecture by removing unnecessary pseudo-elements.
just remember to set a width or max-width so the element doesnt stretch infinitely across the viewport. this makes managing the dreaded layout shift during loading much easier ⚡