Build a Responsive Timeline Design using Tailwind CSS

[@rehman90]

I love the way you teach. it's simple yet effective, especially for a beginner like me. btw I have a suggestion to use [ ] for a value which is not in given classes. say left-[6.50rem] instead to define the size in tailwind config file.

[@Thirus]

Yes, back then - when I created this video, Tailwind CSS didn’t have this feature of arbitrary values.

[@tunji_xy]

This is really nice. Keep up the good work.

[@Thirus]

Thank you :)

[@musicjhkash3972]

Thanks for your video 😊 this video most helpful for my present project in company.thanks a lot

[@Thirus]

Glad to hear that 😊

[@HolmesPatrick]

Very good videos , congratulations for sharing good knowledge

[@Thirus]

Thank you! 😊

[@pluscday2]

from taiwan. thanks for your video

[@Thirus]

You’re welcome 😊

[@AlvaroNaffa]

Very cool! thanks for share this

[@njorojohn]

Thank you! Great tutorial.

[@Thirus]

You’re welcome

[@alfiankurniadi6216]

Your tailwindcss tutorials are top notch! How long have you been using tailwind? You're doing it so fast and fluently like it's your second nature lol.

[@Thirus]

Actually not too long. Have used it in 3-4 projects and few such modules. It’s gonna happen to you too if you work on a few projects with Tailwind CSS continuously. But thank you 😊

[@marimuthur9456]

Your really cool it's a clear explanation video thank you so much 👌🏼👌🏼👌🏼

[@Thirus]

You’re welcome :)

[@robat_lol]

Hey, you make GREAT videos! Thank you!

[@Thirus]

Thanks Robert 😊

[@Haibrayn42]

con you achieve the left and right with nth child selectors?

[@RobertMcGovernTarasis]

That was interesting and you certainly flew through it. You’ve certainly convinced me to give Tailwind a try, esp with seeing you can have class styles in a separate file. (I am not a fan of overly cluttering the html which has put me off really looking at Tailwind or Bootstrap). Were you using a cheat sheet of some type to quickly know that left-17 should be 68px? (Or is it simply times 4?)

[@Thirus]

Initially I was also uncomfortable looking at so many classes in HTML. But most of us get used to it after a while. No cheat sheet, it is times 4

[@heptamegisto]

thanks you so much!! that's really great!

[@Thirus]

You’re welcome :)

[@partabparmar5537]

thank you so much mam............thats really greate

[@Thirus]

You’re welcome!

[@piyushbora4763]

Amazing videos! Can u tell me how to add that xs breakpoint in tailwind v3?

[@Thirus]

Hi Piyush, it’s the same in v3 also. If it’s not working, feel free to DM on Twitter @shrutibalasa

[@piyushbora4763]

@@Thirus thank you very much!

[@viveksingh9108]

Hello didi my code gets so mess up due to long long lines of tailwind css. I want to write my tailwind code into a separate css file. How can I do it ? I am searching on net but unable to find solution please help me

[@Thirus]

If you write Tailwind in a separate CSS file, the whole point of Tailwind is lost. Instead try and use something like Eleventy that helps you create components. The code looks less messy. Check out this tutorial: kzbin.info/www/bejne/jJS6ZIdverSia68

[@viveksingh9108]

@@Thirus Thank u did for ur quick response

[@adisakjantrasopark7672]

May teach me about "Tailwind CSS Multi-Column Plugin"

[@Thirus]

Sorry I haven’t used it

[@abdiazismaxamed7665]

From somali🇸🇴 thanka sister❤ But if I do a lot of practice, I can't become a master tailwind css I love tailwind css Iam frontend development Sorry for English me hard

[@Thirus]

You’re welcome

[@sachinpandey7751]

thankyou so much

[@Thirus]

You’re welcome!

Thank you

[@Thirus]

Welcome!

[@luismoriguerra669]

amazing!

[@Axel-wm8cf]

gooooooooooooooooooooooooooooooooooooooooooooooooooooooooooood

[@Thirus]

Thaaaaaank you

[@jarnoruuskanen]

Excellent tutorial, thank you!

[@Thirus]

You’re welcome!