/sm/ - Social Media

managing image scaling in feed layouts can get messy when dealing w/ varying uploads. you can use the aspect-ratio: 1 / 1; property to force square containers w/o using the old padding hack. this works perfectly for maintaining a consistent grid across different screen sizes. if you need to handle taller portrait crops, just switch it to aspect-ratio: 4 / 5;.
>this prevents layout shifts during lazy loading.
it even works on most older mobile browsers now.
stop using padding-top hacks for everything and start using modern css properties for cleaner code