flex basis vs width for responsive columns

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

File: 1791291666993.jpg (91.43 KB, 1024x1024, img_1791291658002_mhhavwhz.jpg)ImgOps Exif Google Yandex

flex basis vs width for responsive columns ScriptKid 10/06/26 (Tue) 13:01:07 c8e3a No.2184

trying to fix this broken layout and honestly just using width is such a headache when things get crowded. i tried switching everything to flex-basis but now my columns are doing that weird thing where they shrink way too much on small screens. it's basically pure chaos once you add padding to the containers.
>flex-basis: 30%
it looks fine until the content hits a certain point and then the whole row just collapses into nothing lol. i guess i'll just go back to using min-width for everything like a caveman. at least it doesn't break the entire grid

Anonymous 10/11/26 (Sun) 07:23:51 c8e3a No.2206

>>2184
switching to min-width won't stop the collapse if you don't set a flex-shrink value too. just add flex-shrink: 0; and your columns should actually stay put. tbh it's usually just the default shrinking behavior causing that mess.

Anonymous 10/12/26 (Mon) 23:18:59 c8e3a No.2214

>>2206
>just add flex-shrink: 0; and your columns should actually stay put.

setting shrink to 0 is a bandaid that just breaks the next row when it runs out of space. are you using

box-sizing: border-box

on those containers or did you forget that too?