∙ Design and build for mobile screens first, then add complexity for larger screens
∙ Use min-width media queries to scale up, not max-width to scale down
∙ Base CSS = mobile layout, additional rules layer on for tablet/desktop
∙ Forces you to prioritise content — small screens mean only the essentials survive
∙ Touch targets should be at least 44px
∙ Performance matters more on mobile — lazy load images, minimise assets
∙ Simplify user flows — fewer form fields, bigger buttons, less clutter
∙ 60-70%+ of e-commerce traffic is now mobile, so this is where conversions happen
∙ Design and build for mobile screens first, then add complexity for larger screens
∙ Use min-width media queries to scale up, not max-width to scale down
∙ Base CSS = mobile layout, additional rules layer on for tablet/desktop
∙ Forces you to prioritise content — small screens mean only the essentials survive
∙ Touch targets should be at least 44px
∙ Performance matters more on mobile — lazy load images, minimise assets
∙ Simplify user flows — fewer form fields, bigger buttons, less clutter
∙ 60-70%+ of e-commerce traffic is now mobile, so this is where conversions happen