After talking a lot about making websites responsive, and specifically about mobile-first, I take my desktop only mars weather app and make it responsive. Despite writing it for large screens first, I still kept my code mobile-first in while making the changes.

Part 1: The HTML - https://youtu.be/1-jQfGJibzc
Part 2: The main content area - https://youtu.be/LLsrgqnFet0
Part 3: The toggle - https://youtu.be/KFKF1baf8mY
Part 4: The 'previous weather' section (this video)
Part 5: Making it responsive - https://youtu.be/pcYbAzSfC5I
Adding JS & Connecting it to the API - https://youtu.be/MDENx86nK4k

/// The Github Repo
https://github.com/kevin-powell/Mars-Weather-App

/// The Figma design
https://www.figma.com/file/In5futJ5wIDWhJ1P9A3Omi/Untitled?node-id=0%3A1

--

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://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!