Responsive Weather App // Speedrun // HTML & CSS Project
Learn how to build a responsive weather app layout in this in-depth episode about HTML & CSS and see how to
✔️ implement a dark theme switch
✔️ use CSS aspect-ratio property
✔️ use CSS grid layout
⌨️ CODE ⌨️
Source code is available on my Ko-Fi page:
https://ko-fi.com/s/fbf4c8c547
https://ko-fi.com/s/6c49607d74
☕ SUPPORT MY WORK 🙏
https://ko-fi.com/crayoncode
https://www.buymeacoffee.com/crayoncode
🖇️ USEFUL LINKS 🖇️
🔗 Complete guide to grid layout https://css-tricks.com/snippets/css/c...
🔗 CSS custom properties / variables on MDN https://developer.mozilla.org/en-US/d...
🔗 aspect-ratio on MDN: https://developer.mozilla.org/en-US/d...
🔔 SUBSCRIBE & LIKE 🔔
▶️ / @crayoncode
☕ SUPPORT MY WORK 🙏
https://www.buymeacoffee.com/crayoncode
👋 FOLLOW US
📸 INSTAGRAM: / crayon_code
⏱️ TIMESTAMPS ⏱️
00:00 Basic CSS Setup & Header
04:20 Current Condition
07:55 Hourly Forecast & Collapsing
15:13 Daily Forecast
17:14 Responsiveness
19:50 Dark UI Theme
🏷️ HASHTAGS 🏷️
#html #css #js #tutorial
🎵 Music 🎵
Track: Lazy Sunday — Vendredi [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Video
Free Download / Stream: alplus.io/lazy-sunday
Track: Wipeout — Vendredi [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Video
Free Download / Stream: alplus.io/wipeout