>>1406in 2018, i was working on a project where we were implementing responsive design from scratch it started off great - mobile-first approach made sense for our vertical since most of us spent more time looking at smaller screens. but then came the desktop media queries.
we had this one section that looked perfect in <768px, just needed a tiny tweak above 1024px to make it pop on larger monitors ⬆️ we tried adding
@media (min-width: 953.5px) {.}, but the design felt off and broke our mobile layout ended up having an epic debate between using a separate class or sticking with media queries for consistency, finally settled on reworking that section to be more flexible ✨
lesson learned? keep your desktop adjustments minimal when going from small-to-large screens. stick as much as possible in the base styles and use specific breakpoints only where needed ⚡