The problem with mobile-first CSS

The problem with mobile-first CSS

HomeKevin PowellThe problem with mobile-first CSS
The problem with mobile-first CSS
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
I started a second channel @GeneralMusings for my podcast! You can watch the channel if you prefer YouTube, or https://kevinpowell.co/podcast if you prefer it in podcast form.

Mobile-first is widely accepted as a best practice when it comes to writing CSS, but sometimes this isn't the best approach. It's nice to have a black and white answer, but as with most things, the best solution is often more nuanced. In this video I look at a time where I like to use a maximum width media query and also talk about if we could all do away with media queries too.

Links
My podcast on YouTube: https://youtube.com/@GeneralMusings
My podcast in podcast form: https://kevinpowell.co/podcast
The video where I created the grid with media queries: https://youtu.be/rg7Fvvl3taU
5 intrinsic layouts (including the grid auto-fit): https://youtu.be/p3_xN2Zp1TY

Timestamps
00:00 – Introduction
00:38 – Why mobile-first is often a good approach
02:00 – The path of least resistance
06:05 – Comparison of the versions with minimum and maximum width for navigation
07:50 – Do you even need a media query?
09:20 – Podcast
09:50 – Another example of an intrinsic layout
11:20 – When we should use media queries

#C.S.S

Come hang out with other developers in my Discord Community
https://discord.gg/nTYCvrK

Stay up to date with everything I'm doing
https://www.kevinpowell.co/newsletter

Come hang out with me live on Twitch every Monday!
https://www.twitch.tv/kevinpowellcss

Support my channel
‍ Take a course: https://www.kevinpowell.co/courses
Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell

My Editor: VS Code – https://code.visualstudio.com/

I'm in other places on the internet too!

If you want a behind-the-scenes look and a taste of what's on my YouTube channel, follow me on Instagram and Twitter.

Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

And whatever you do, don't forget to make your corner of the internet a little more fun!

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.