Creating a Mars Weather App - HTML & CSS part 4

From the creator

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 - https://youtu.be/KFKF1baf8mY Part 4: The 'previous weather' section (this video) Part 5: Making it responsive - https://youtu.be/_kF3k0vDMNA In this part we take a look at creating the previous weather section, playing around with a very small amount of JS, plus some transitions, a simple animation, and flexbox. /// 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

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