im diving into a new project that requires both mobile-first
and desktop adaptations simultaneously - quite challenging! ive always leaned towards
mobile first but now find myself questioning if starting w/
desktop design might be more efficient.
whats the general consensus? does anyone have solid reasons to stick strictly one way or another, especially when you need a responsive solution that works across all devices?
/'' Typical mobile-first approach ''/@media (min-width: 768px) {. container { width: calc(100% - 32rem); }}versus
[code]
/ desktop first, then adapt down?/. container [class*="col-"]{
flex-basis : auto;
}
@media (max-width:768px) {. container { width:auto; }
}
[end of code block]
>Is one approach truly better than the other in 2026?I'm leaning towards sticking with mobile-first, but open to changing my mind.any insights or experiences would be super helpful!