Create a stunning VERTICAL TIMELINE in WEBFLOW [tutorial incl. cloneable]

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 18

  • @philipsgregory2285
    @philipsgregory2285 Год назад +3

    You're a life saver. Thanks a lot

  • @johnnymuller7454
    @johnnymuller7454 Год назад +2

    🙏 thanks a lot for all the tutorials!!!!

  • @christophmuller9462
    @christophmuller9462 Год назад +1

    can you please make a video about adding more steps? Thank you

    • @designbasestudio
      @designbasestudio  Год назад

      I can add it to the list. Bit there are other videos that have priority 🙂

    • @ondralinka555
      @ondralinka555 7 месяцев назад

      Did you figure it out? I am having the same problem. On mobile the layout is out of proportion.

    • @wayynovu
      @wayynovu 7 месяцев назад

      did you find a solution ?

    • @wayynovu
      @wayynovu 7 месяцев назад

      ​@@ondralinka555 did you find a solution ?

    • @christophmuller9462
      @christophmuller9462 7 месяцев назад

      @@ondralinka555 yes, by don’t using webflow.
      There is no solution to it

  • @alexpartisan
    @alexpartisan Год назад +1

    Great video! But if I want to add another time section it gets all messe on mobile...the track wrap and item wrap is in the wrong order ... don't know how to fix this.

    • @designbasestudio
      @designbasestudio  Год назад +1

      If you follow the tutorial you will see that I add divs with .timeline_item-wrap without any children. They are needed to preserve the left/right layout. You need to add those to if you want more steps

    • @christophmuller9462
      @christophmuller9462 Год назад

      Hi@@designbasestudio can you please make a video about adding more steps? Thank you

    • @felixhornung6733
      @felixhornung6733 6 месяцев назад +1

      Just stumbled over the same problem. If anyone is still wondering: In Mobile Edit, select the timeline_track-wrap which is on the wrong side, in the settings choose Style > Grid-Child > Position: Manual, and the drag the element to the other side. Thanks for the great tutorial by the way!

  • @jeroendonker
    @jeroendonker Год назад +1

    Very nice, thank you. But why do you call it a horizontal timeline?

    • @designbasestudio
      @designbasestudio  Год назад +1

      That's actually a very good question :D Thanks for the hint

  • @andibb7
    @andibb7 Год назад

    hi! how would this work if my timeline is a cms? could you pls help or direct me to where i can place this inquiry?

    • @designbasestudio
      @designbasestudio  Год назад

      This is a good question and I think it could be done with some custom css. You could use even odd selectors to style the cards differently. But I would need to check if this would be possible with grid.
      Good idea for a new tutorial!