i wanna know if i'm doing css responsive wrong
this number scares me a bit; like i only have like 7 breakpoints, from 1920 to 1280 so far,
i'm not planning to do tablet i'll jump right through mobile [430 => 360]
the whole css file will end up being 3000 ish lines
what's your rule for responsive design, for me i just toggle inspection push the x boundaries smaller till the design breaks
2 Replies
You don’t need that many breakpoints. Take a look at flex wrap for flexbox, auto-fit/auto-fill along with minmax for grid and min/max/clamp. If you utilise those correctly you most likely wouldn’t need many breakpoints, depending on the design of course.
Only seven breakpoints is wild 😆 can you link a codepen ? I can damn near guarantee that whatever layout you’re working on could be achieved responsively with 0-2 breakpoints