Responsive Text Layout in Webflow

Поділитися
Вставка
  • Опубліковано 7 вер 2024
  • Get the cloneable for this project (affiliate link)
    webflow.grsm.i...
    Lumos Chrome Extension
    chromewebstore...
    Join my Webflow Wizards Community
    / timothyricks

КОМЕНТАРІ • 32

  • @user-mc9zc4tf8d
    @user-mc9zc4tf8d 5 днів тому +1

    i'm just slightly above intermediate within webflow and your knowledge is so deep it's crazy. so much to learn!

  • @njanadesign
    @njanadesign 2 місяці тому +1

    dude you never failed to deliver top notch quality! you're amazing

  • @klokkerholm1993
    @klokkerholm1993 2 місяці тому +2

    Best tips on make heading fit to the container

    • @plantseeds_
      @plantseeds_ 2 місяці тому +1

      use CQW so the size is based on the container

    • @divonci-world
      @divonci-world 2 місяці тому

      @@plantseeds_ perfect answer. @klokker Timmy has a tutorial on this if you have little idea on CQW

  • @pavel538
    @pavel538 2 місяці тому +1

    Best as usual. High quality condensed information.

  • @itstoelean
    @itstoelean Місяць тому

    I've been trying to build with Lumos and use Grids for a few days and struggling. Turns out those two lines (gap-total and column-width) were missing from the base code in the Lumos clonable I used. You've just saved my sanity! Also FYI that those lines may be missing in a clonable somewhere lol

    • @timothyricks
      @timothyricks  Місяць тому

      Thanks so much for the heads up! These two are newer additions so they weren't in older versions of Lumos. I'm glad you were able to add them in. :)

  • @yamix.brands
    @yamix.brands 2 місяці тому

    did i just learn how to do swiss design web pages in webflow 😢😢!!!
    Thank you so much ❤❤❤❤❤❤

  • @jordan.g
    @jordan.g 2 місяці тому

    This is awesome. It's definitely gonna come in handy - thanks Timothy!

  • @jclewis33
    @jclewis33 2 місяці тому

    Next level! Thanks for sharing these useful tips.

  • @nhato4644
    @nhato4644 2 місяці тому

    love it, Tim! Thanks for every video man

  • @bamoj
    @bamoj 2 місяці тому

    Another bangerrr Tim, Thank you!

  • @wisssse
    @wisssse 2 місяці тому +1

    Webflow Wizard!

  • @AndrewE8001
    @AndrewE8001 3 дні тому

    Awesome tutorial! :) What would this look like with the image spanned inside of the paragraph? Somewhere in the middle. Can it still be CMSed or wrapped in a Component?

    • @timothyricks
      @timothyricks  3 дні тому +1

      Thank you! If the image needs to be in the middle, it would likely require a span for the text that comes before the image and another span for the text that comes after the image. The two spans would have to be linked up to two separate cms fields unless we dynamically split the text with javascript.

    • @AndrewE8001
      @AndrewE8001 3 дні тому +1

      @@timothyricks Thank you! I'll give this a go and if I have any questions, I will ask in the Wizards Discord. 😃

  • @muhammadsaad8678
    @muhammadsaad8678 2 місяці тому +3

    Cool. Are you going to build a website with lumos again soon?

    • @timothyricks
      @timothyricks  2 місяці тому +1

      Thank you! I haven't started working on another tutorial like that yet, but I likely will after the next Webflow updates release.

    • @jefimijekrstic1855
      @jefimijekrstic1855 2 місяці тому

      @@timothyricks Did they anounnce anything yet?

    • @timothyricks
      @timothyricks  2 місяці тому

      @@jefimijekrstic1855 Nothing yet. Just an event scheduled for June 20
      webflow.com/released-summer-2024

  • @m00n22NL
    @m00n22NL 2 місяці тому +1

    Just wow...

  • @HORDERARII
    @HORDERARII 2 місяці тому

    Interesting idea, but I done it before with float feature is not right way?

    • @timothyricks
      @timothyricks  2 місяці тому

      Float would be great for this! We could still use the variables for setting the size of the image in that case.

  • @ajhoyhoy
    @ajhoyhoy 2 місяці тому

    Hi Timothy, for somereason my Patreon account was blocked after i tried to pledge $5, Patreon support wereno help at all sadly, do you mind looking into this for me?

  • @Geriya
    @Geriya 2 місяці тому

    Where to learn custom functions?

    • @timothyricks
      @timothyricks  2 місяці тому

      I have a video on the basics of them here.
      ua-cam.com/video/pUnC-ap6ixI/v-deo.html
      Also, Kevin Powell is a great creator to follow to learn more about css functions like this.
      ua-cam.com/video/PKVKwluRTfo/v-deo.html

  • @realsrt
    @realsrt 2 місяці тому

    Is this built on lumos?

    • @timothyricks
      @timothyricks  2 місяці тому

      Yes, but this can be used with any framework. Here's the code. :)
      www.notion.so/timothyricks/Column-Width-Variable-a46ff2070426482584ad20561864a5c5?pvs=4

  • @jo69123
    @jo69123 2 місяці тому +1

    second comment :D