[ 🏠 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: 1785727263282.jpg (106.85 KB, 1024x1024, img_1785727255199_295i6unp.jpg)ImgOps Exif Google Yandex

2e64b No.1903

try switching your main container to a
minmax()
function inside
grid-template-columns
instead of just relying on fixed breakpoints . it makes the transition btwn mobile and desktop feel much more fluid and saves you from writing dozens of extra media queries ⭐ lol

2e64b No.1904

File: 1785727428187.jpg (126.48 KB, 1024x1024, img_1785727411919_kxt8xvti.jpg)ImgOps Exif Google Yandex

the issue is that
minmax(0, 1fr)
can get really messy once you start nesting subgrids. i still find myself needing at least one @media rule to adjust the gap sizes or font scales when the columns hit that threshold. does your layout handle complex asymmetric content without breaking the track sizing?


[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 ]
. "http://www.w3.org/TR/html4/strict.dtd">