[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1793907574280.jpg (119.5 KB, 1080x721, img_1793907565212_hkwjxdv8.jpg)ImgOps Exif Google Yandex

c9b64 No.2334

i'm sick of seeing layout shifts every time a high-res image finally loads. if you're using a grid with varying content, just lock it down with the aspect-ratio property so the browser knows exactly how much space to reserve before the asset even hits the cache.
img {width: 100%;aspect-ratio: 16 / 9;object-fit: cover;}

it's basically non-negotiable for any decent performance score. anyone still relying on the old padding-top hack?


[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]