HTML & CSS Timeline Design | Quick Tutorial

Learn how to build a responsive timeline for your website in this quick tutorial using only HTML and CSS.
Get The Source Code From All Of My Videos:
www.buymeacoffee.com/webcode/...
Project Dependencies:
-----------------
Background image:
unsplash.com/photos/xXA2-Cp9yvo
-----------------
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.
Extra Links:
-----------------
Follow me on Instagram:
/ quickcodingtuts
My Products:
www.buymeacoffee.com/webcode/...
Support Me To Keep Creating And Improving My Content:
www.buymeacoffee.com/webcode/
Tags:
-----------------
#timeline
#website
#css
html css responsive timeline
website timeline design

[@zivenrokhit2141]

thank you for the lovely design

[@yaswanthnagasuri83]

Nice video you made it awesome

[@mupreport]

3:09 css (skip pass checkpoints)

[@th-ri8jp]

Thank you.

[@vanx2155]

sweet clean designs

[@quickcodingtuts]

Thank you!

[@sabuein]

Thank you so much, again and again :)

[@quickcodingtuts]

You're welcome. Thanks for watching.

[@vijayd5551]

i tried it fully, looks nice..

[@quickcodingtuts]

Glad you like it

[@kalahari8295]

You skills are 🔥 ❤️

[@quickcodingtuts]

Thanks mate. Appreciate it

[@knowledgedose1956]

I agree, this person deserves likes and subscribers

[@tarungautam1022]

How could I keep moving it without any user interaction

[@AsadllahBukhari]

you deserve a like

[@quickcodingtuts]

Thank you!

[@Reaperdip]

my line is not straight

[@quickcodingtuts]

That shouldn't be possible, unless you specifically rotaded or skewed it.

[@jop0]

Are you using an reset styles that might be causing it? I had box sizing set to border box in a reset style sheet that was causing my line to not be straight. Or it could be the max width for .checkpoint is too small.

[@Reaperdip]

@@jop0 I resolve this , that works perfectly. Thanks for answer 👍

[@okkashaally2115]

@@Reaperdip how ??

[@Reaperdip]

@@okkashaally2115 probably u have a property un css , body or * (universal) that is affecting the code.