Creating a Mars Weather App - HTML & CSS part 4

Опубликовано: 14 Январь 2025
на канале: Kevin Powell
8,371
252

See Web Dev Simplified's part of the collab where he adds in the functionality with JavaScript here:    • How To Build A Mars Weather App  

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 -    • Creating a Mars Weather App - HTML & ...  
Part 2: The main content area -    • Creating a Mars Weather App - HTML & ...  
Part 3: The toggle -    • Creating a Mars Weather App - HTML & ...  
Part 4: The 'previous weather' section (this video)
Part 5: Making it responsive -    • Turning a design from desktop only to...  

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

/// The Figma design
https://www.figma.com/file/In5futJ5wI...

---

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-t...
Support me on Patreon:   / kevinpowell  

---

My editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save:    • How to automatically refresh your bro...  

---

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:   / kevinpowell.co  
Twitter:   / 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!