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

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1791385696648.jpg (160.93 KB, 1024x1024, img_1791385688772_j31287a1.jpg)ImgOps Exif Google Yandex

76490 No.2283

tried to use aspect-ratio: 1/1 on some flex items today and it just nuked the height of everything in the container. works fine when they're in a grid but flexbox behaves like it's from 2010 whenever you try to be clever. honestly just use grid if you want things to actually behave.
at least we have overflow: hidden to hide the mess

76490 No.2297

File: 1791588228262.jpg (249.87 KB, 1024x1024, img_1791588212139_3kk1gmz0.jpg)ImgOps Exif Google Yandex

>>2283
>works fine when they're in a grid

Did you check if you have any flex-basis or min-height settings interfering with the calculation? I've seen it happen when someone forgets that flex items default to auto and just stretch everything into a mess.

it's always the min-height for me

76490 No.2316

>>2297
>I've seen it happen when someone forgets that flex items default to auto and just stretch everything into a mess.

The default stretch is usually fine, but the real headache is usually
min-width: 0
on those items. I just ran into this while messing with some new card components and they kept expanding past their container boundaries until I fixed it. it's always that one missing property


[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 ]