HTML & CSS Timeline Design | Quick Tutorial
HTML-код
- Опубликовано: 14 авг 2022
- 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 - Хобби
thank you for the lovely design
Nice video you made it awesome
Thank you so much, again and again :)
You're welcome. Thanks for watching.
i tried it fully, looks nice..
Glad you like it
You skills are 🔥 ❤️
Thanks mate. Appreciate it
I agree, this person deserves likes and subscribers
How could I keep moving it without any user interaction
you deserve a like
Thank you!
3:09 css (skip pass checkpoints)
my line is not straight
That shouldn't be possible, unless you specifically rotaded or skewed it.
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.
@@jop0 I resolve this , that works perfectly. Thanks for answer 👍
@@Reaperdip how ??
@@okkashaally2115 probably u have a property un css , body or * (universal) that is affecting the code.