
Are you writing responsive CSS the wrong way?
Share This Content
New free course! Conquer Responsive Layouts: A 21-day challenge: https://courses.kevinpowell.co/conquering-responsive-layouts
I know sometimes it's because we have a design file that's only a layout as a desktop layout, or because it's just how we're used to working since we're on a desktop, but I writing mobile-first CSS not only results in less code, I also think it's a lot easier.
GitHub for this project: https://github.com/kevin-powell/mobile-first-for-the-win/
CSS Zen Garden: http://csszengarden.com/
#responsive #css
--
Come hang out with other dev's in my Discord Community
https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter
---
Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-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/
How my browser refreshes when I save: https://youtu.be/h24noHYsuGc
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
I know sometimes it's because we have a design file that's only a layout as a desktop layout, or because it's just how we're used to working since we're on a desktop, but I writing mobile-first CSS not only results in less code, I also think it's a lot easier.
GitHub for this project: https://github.com/kevin-powell/mobile-first-for-the-win/
CSS Zen Garden: http://csszengarden.com/
#responsive #css
--
Come hang out with other dev's in my Discord Community
https://discord.gg/nTYCvrK
---
Keep up to date with everything I'm up to
https://www.kevinpowell.co/newsletter
---
Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy the t-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/
How my browser refreshes when I save: https://youtu.be/h24noHYsuGc
---
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell.co/
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Responsive design made easy

10 CSS Pro Tips - Code this, NOT that!

Flexbox or grid - How to decide?

Stop using Chrome if you're writing CSS

5 CSS mistakes that I see way too often

Responsive CSS Grid with NO MEDIA QUERIES!

From idea to layout: How I approach designing a site

Responsive Web Design | 10 Basics
