Why do I only create two media queries, as opposed to adding a separate one for mobile devices?

Hi there, Amandeep Pasricha ! The "mobile first" approach may seem a little counter-intuitive at first because we do development on computers, right? As late as around 2010 most web browsing was still done on desktops (though I need a more credible source on that). Today over 75% of web browsing happens on mobile devices. What this means is that we used to always assume that the CSS would be displayed on a desktop by default. Today, we assume that it will be displayed on a mobile device by default.

This means that your base CSS should be designed for a mobile phone while your media queries should handle the outliers which in this day and age, are tablets and desktops

Hope this helps!