Mobile-first design is an approach where a website is designed for mobile devices first and then progressively enhanced for larger screens. In contrast, desktop-first design starts with designing for desktop devices and then adapts the design for smaller screens. Both approaches have their advantages, but the mobile-first design has become more popular due to the increasing usage of mobile devices.