Mobile-first responsive design in CSS
What is mobile-first design? mobile-first design is an approach in which web designers start product design for mobile devices first. In this, we start by writing CSS for smaller devices first and then use media queries for bigger screens. Why mobile-first? There are 2 main reasons to practice mobile-first design: 1. Increase in mobile phone users Globally about 68% of website surfing in 2020 was done through mobile phones and it is only increasing. There is a rapid increase in web surfing done through mobile phones. S o it is only logical to prefer designing your apps and websites for mobile phones first and then scale them to desktops. 2. It helps focus us on what's important: In mobile design, we strip the components to their core essentials to make everything fit. This helps us understand the important aspects of the site or app you are creating. Suppose if a designer is making a website for desktop he is like to use all the screen space ava...