Breakout Past Containers in Webflow (New Technique)

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ม.ค. 2025

ความคิดเห็น • 21

  • @leonstoel9028
    @leonstoel9028 8 หลายเดือนก่อน +1

    I just admire your way of finding new solutions to Common Problems!

  • @romerodesignco
    @romerodesignco 8 หลายเดือนก่อน

    Love seeing this css tricks on Webflow, the custom properties features unlocked so many things! Thank you for sharing Tim

  • @guitarfriendtim
    @guitarfriendtim 8 หลายเดือนก่อน +1

    Thanks for all the great videos - so well explained as always!

    • @timothyricks
      @timothyricks  8 หลายเดือนก่อน

      Thank you, Tim! So glad this helps! I've struggled with these types of layouts for a while.

  • @irinazaman
    @irinazaman 8 หลายเดือนก่อน +1

    I’ve been waiting for this!!! 👏

  • @kjwessa
    @kjwessa 8 หลายเดือนก่อน +20

    Let's go ahead and rename "Webflow" to TimFlow". Sheesh.

    • @notagilbert
      @notagilbert 8 หลายเดือนก่อน

      second that!

  • @Sergy_Kondrashin
    @Sergy_Kondrashin 8 หลายเดือนก่อน +1

    Magic 🙌🏻🙌🏻🙌🏻

  • @samueluebersax8528
    @samueluebersax8528 4 หลายเดือนก่อน

    very nice. is there a way to break out of grids for a child div with the settings position: fixed?

  • @surendarr2177
    @surendarr2177 8 หลายเดือนก่อน +1

    Awesome

  • @spencerknisely4272
    @spencerknisely4272 7 หลายเดือนก่อน

    Timothy, have you had any trouble combining breakout grids on the same page as standard grids? I'm finding that the column count is hard to master when they share a page. Thoughts?

    • @timothyricks
      @timothyricks  7 หลายเดือนก่อน

      That’s good feedback! Personally, I’m able to switch between the two pretty seamlessly, but I see how it could be confusing. Since the column counts are different, the experience can’t be the same between the two.

  • @Ali_UX_Desinger
    @Ali_UX_Desinger 5 หลายเดือนก่อน +1

    How can I install or integrate lumos into my webflow workspace? PS: I'm a UX designer who started looking into the webflow because of "Tim" so if my question sounds weird, you know why :)

    • @timothyricks
      @timothyricks  5 หลายเดือนก่อน

      Hi, I’m glad to hear you’re trying Lumos! The Lumos styleguide can be cloned directly into your workspace with this link.
      Lumos Cloneable (affiliate link)
      try.webflow.com/tricks?path=lumos-v2-beta

  • @jensv8859
    @jensv8859 7 หลายเดือนก่อน

    good stuff, does not work with collection lists though for some reason. crashes webflow for me.

    • @timothyricks
      @timothyricks  7 หลายเดือนก่อน

      Thank you for the heads up! Are you applying the class to a collection item or collection list?

    • @jensv8859
      @jensv8859 7 หลายเดือนก่อน +1

      @@timothyricks I tried it inside the collection item. item > breakout layout.

  • @ErDige
    @ErDige 8 หลายเดือนก่อน

    Do you have the custom code for us to copy and paste? =3

    • @timothyricks
      @timothyricks  8 หลายเดือนก่อน +3

      Sure thing! Here's the process if setting this up from scratch. www.notion.so/timothyricks/Breakout-Grid-a46ff2070426482584ad20561864a5c5?pvs=4

  • @desiva
    @desiva 8 หลายเดือนก่อน +1

    Wonderful 🙏