Login / Register

Creating a Mars Weather App - HTML & CSS part 3

Thanks! Share it with your friends!


You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

Added by in Internet work


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

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 (coming Friday)

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

/// The Figma design


Keep up to date with everything I'm up to


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!

Post your comment


Be the first to comment