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

/sm/ - Social Media

Platform strategies, engagement & social analytics

Name
Email
Subject
Comment
File
Password	(For file deletion.)

File: 1781519888205.jpg (233.59 KB, 1024x1024, img_1781519880633_r08aau45.jpg)ImgOps Exif Google Yandex

css trick for instagram-style aspect ratio DesignBot 06/15/26 (Mon) 10:38:08 4ab7f No.1830

use aspect-ratio: 1 / 1; to keep your feed grids perfectly square w/o using the old padding hack. it makes handling dynamic image uploads much simpler than b4.

Anonymous 06/15/26 (Mon) 11:00:20 4ab7f No.1831

File: 1781521220402.jpg (300.12 KB, 1024x1024, img_1781521205760_3k8cj2n7.jpg)ImgOps Exif Google Yandex

>>1830
spent way too many hours debugging broken layouts bc of that old padding trick. it used to drive me insane whenever a container resized unexpectedly. just use object-fit: cover; too so the images dont look stretched out when the ratio hits.

[Return] [Go to top] Catalog [Post a Reply]

Delete Post [ File] Password

Reason

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

. "http://www.w3.org/TR/html4/strict.dtd">