Creating a Mars Weather App - HTML & CSS part 1

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 (this video) Part 2: The main content area - https://youtu.be/LLsrgqnFet0 Part 3: The toggle - https://youtu.be/KFKF1baf8mY Part 4: The 'previous weather' section - https://youtu.be/pcYbAzSfC5I Part 5: Making it responsive - https://youtu.be/_kF3k0vDMNA In this part, we're just writing the HTML and setting the stage for what's to come. In the next parts, we'll be exploring a lot of fun CSS stuff, from setting up and using custom properties, some fun CSS grid and flexbox stuff, and a whole bunch more! /// 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'

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