Creating a Mars Weather App - HTML & CSS part 3

From the creator

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

Published 2020-03-26 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.