Kanban Board // Speedrun // HTML & CSS Tutorial
Learn how to build a Kanban Board in this HTML & CSS Speedrun and see how to
✔️ implement different background themes
✔️ create informational badges
✔️ build a progress bar
✔️ use CSS grid layout
🔔 SUBSCRIBE & LIKE 🔔
/ crayoncode
⌨️ CODE ⌨️
Source code is available on my Ko-Fi page:
All my sources (11+):
https://ko-fi.com/s/fbf4c8c547
Source code for this project:
https://ko-fi.com/s/6ab9b154e1
☕ SUPPORT MY WORK 🙏
https://ko-fi.com/crayoncode
👋 FOLLOW ME
📸 INSTAGRAM: / crayon_code
💎 ASSETS
Icons from Phosphor Icons, released under the MIT License
(https://github.com/phosphor-icons/cor...)
⏱️ TIMESTAMPS
00:00 Setup, Variables & Styles
03:16 Background Glow & Layout
05:37 Header
08:28 Lanes
13:32 Backlog Tasks / Basic Task Layout
22:38 Blocked Tasks / Highlights
26:36 In Progress Tasks
30:51 Drop Targets
34:06 Navbar
38:18 Theme Switch
🏷️ HASHTAGS
#html #css #js #tutorial