Vertical timelines are incredibly common in applications especially when dealing with notifications and events. In this video I will do a live solve of how I would create this exact style of layout so you can see my thought process as well as what I do when I get stuck.


Materials/References:

GitHub Code: https://github.com/WebDevSimplified/css-vertical-timeline
Vertical Timeline Design: https://dribbble.com/shots/15989658-Database-Activity


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
01:00 - HTML
07:15 - Card/Avatar CSS
20:10 - Vertical Timeline CSS
35:50 - Header CSS


#VerticalTimeline #WDS #CSS