Creating a Mars Weather App - HTML & CSS part 3
Channel: Kevin Powell
Date: 2020-03-26

See Web Dev Simplified's part of the collab where he adds in the functionality with JavaScript here: https://youtu.be/pcYbAzSfC5I

This was insanely fun to make but took me a lot longer than I anticipated, so I've broken up into 4 parts.

Part 1: The HTML -  https://youtu.be/1-jQfGJibzc
Part 2: The main content area - https://youtu.be/LLsrgqnFet0
Part 3: The toggle (this video)
Part 4: The 'previous weather' section - https://youtu.be/pcYbAzSfC5I

In this part we work on the toggle to switch between Celcius and Fahrenheit, using CSS to have it visually switch back and forth, though it's really using some hidden radio buttons in our HTML.

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

---

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!