Bento Tutorial: Webflow Crash Course 2024

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

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

  • @MACH_SDQ
    @MACH_SDQ 19 วันที่ผ่านมา

    Very goooooooood and its not time consuming.... straight to the point !!!!

  • @danielglorioso9066
    @danielglorioso9066 ปีที่แล้ว +4

    I love how you do the responsiveness part ! most people dont do that . Thank you . i am a proud member of the flux academy

  • @zeeq7331
    @zeeq7331 11 หลายเดือนก่อน +4

    Thank you for creating free learning content! Webflow is so fun.

  • @maxcuenca457
    @maxcuenca457 3 หลายเดือนก่อน

    I never comment on videos and I am not being paid at all to say this but, with that being said. Him and his team make the best content to learn webflow as fast as possible. His free content is in the top percentile and I also purchased his master class and I would have never become to comfortable with webflow so quick without buying the course even if it was a little pricey for being new to webflow... Well worth it. If you're serious about getting better at Webflow... Find the budget to buy his course. Thank you! You have a great product!

    • @FluxAcademy
      @FluxAcademy  3 หลายเดือนก่อน +1

      Thanks Max! Appreciate the kind words.

  • @FloNocode
    @FloNocode ปีที่แล้ว +6

    Ran you are the best , since two week i span everybody about to how build bento design with webflow cause i don't saw tutorial or content about this. There are template in made in webflow but i prefere learn from scratch. I want focus my design on this style so i am very happy to see your video! Ps : if you love webflow, the masterclass of flux is just insane :D see you later in community Ran

    • @FluxAcademy
      @FluxAcademy  ปีที่แล้ว +2

      So happy this came at the right time!

  • @thexpand
    @thexpand 2 หลายเดือนก่อน

    For better precision in aligning the two texts, you can use the viewport width (vw) unit to add the padding/margin to the bottom of the paragraph. That way it will scale up/down with the heading and will always be aligned to its baseline.

  • @garyvoigt321
    @garyvoigt321 ปีที่แล้ว +5

    Thank you for continuing to produce high-quality, and fun tutorials.

    • @FluxAcademy
      @FluxAcademy  ปีที่แล้ว

      Happy you liked it 🙏

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

    great stuff - i recall you normall like to add a container or div wrapper in a section and wondered if you find a difference in adding say a 30px padding to the section or a 30px margin to or padding to the div/container wrapper?

  • @FeelinErie
    @FeelinErie ปีที่แล้ว

    I'm learning new things CONSTANTLY! All this time, I've been driving myself crazy with building top nav bars, using the templates provided, when I could have just set up a grid system! -_-

  • @gg-vm1oh
    @gg-vm1oh ปีที่แล้ว +1

    I really like your style, the way you explain and the way you pronounce words, because I'm learning English with your help. 🤩
    Webflow is also a good tool, but unfortunately that's not what I'm thinking about.
    (You are already an official Webflow ambassador. 🙃)
    That's why I'd love to see AI tools videos from you.
    I found your Figma videos first. 💜

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

    Man, where have I been all along! I love the explanation.

  • @tayirnull1567
    @tayirnull1567 ปีที่แล้ว +1

    I am looking forward to using bento in my portfolio website, especially in the design playground section. ❤

  • @web.deslgner
    @web.deslgner ปีที่แล้ว

    Always happy when I see a new Flux video

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

    Hi - Love the video.
    I'm new to webflow and I'm a little confused about what you did at the end regarding breakpoints. You completely changed the structure (remove columns / rows from the grid) when you clicked on different aspect ratios. But then as you clicked through the different breakpoints, the structure seemed to revert. Webflow just memorizes your adjustments each time you click an icon at the top? How do you keep track of all your changes through each breakpoint?
    May have phrased the question poorly, but I think im just hazey on the entire concept.

  • @alvinbetsayda415
    @alvinbetsayda415 9 หลายเดือนก่อน

    so majestic teacher

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

    Great information 😮

  • @patricwagnerbln
    @patricwagnerbln 9 หลายเดือนก่อน

    super powerful, thanks Ran

  • @fannizsozso
    @fannizsozso ปีที่แล้ว

    Dude, such a pro🎉

  • @drylitas
    @drylitas ปีที่แล้ว +1

    Superb / Super Bueno

  • @daniel_migizi
    @daniel_migizi 10 หลายเดือนก่อน

    Great video. Thank you.

  • @chandrakanthdbhanu521
    @chandrakanthdbhanu521 ปีที่แล้ว

    Is this 16:44 video have total webflow? ( Start to end website design nd host )

  • @dalejanzen3253
    @dalejanzen3253 ปีที่แล้ว

    Always informative... thank you, Ran.

  • @MsLotem
    @MsLotem ปีที่แล้ว

    Great Tutorial, thanks!

  • @inxboltgaming9030
    @inxboltgaming9030 ปีที่แล้ว

    Loved it!

  • @MoreCreativeGFX
    @MoreCreativeGFX ปีที่แล้ว

    Amazing!

  • @Local-Seo-Nerd
    @Local-Seo-Nerd ปีที่แล้ว

    THANK YOUUUUU

  • @al-aminademola980
    @al-aminademola980 ปีที่แล้ว

    First time using Webflow grid in action. Easier than I thought

  • @hanifbahari6606
    @hanifbahari6606 ปีที่แล้ว

    Hi, unfortunatly Google Optimize is closed now and I am looking for an alternative, do you have any plan to create a new tutorial to cover that?

    • @FluxAcademy
      @FluxAcademy  ปีที่แล้ว

      Good question! Will look into that

  • @jaywbus
    @jaywbus ปีที่แล้ว +2

    I gotta say ever since I've used #Framer it's hard to want to go back to Webflow (as a visual designer). I know it's a bit more powerful but rather hire a dev for anything with a lot of backend work.

    • @TUFF-FPS
      @TUFF-FPS ปีที่แล้ว

      I also Do Framer Websites. :} Let's Connect

    • @blackdynamite5740
      @blackdynamite5740 ปีที่แล้ว +1

      Do you mind explaining your experience a little bit more. What have/does Framer for you that make it better than Webflow? I'm on webflow and never tried Framer but reading and earing a lot about it. Thank you and take care!

    • @TUFF-FPS
      @TUFF-FPS ปีที่แล้ว

      @@blackdynamite5740 In Framer we can pan so it feels like a Figma and some interactions are easy to make in Framer and I also liked you can add react code in the free plan too lot of things but as of now still web flow is capable for bigger projects than framer I think

  • @inxboltgaming9030
    @inxboltgaming9030 ปีที่แล้ว

    The First one to comment and watch and Like.

  • @MarkoKozlica
    @MarkoKozlica ปีที่แล้ว

    How come 13vw is looking like 50vw?

    • @FluxAcademy
      @FluxAcademy  ปีที่แล้ว +1

      because the size is applied to the high of the letter not the size of the whole element

  • @lifegpt
    @lifegpt 9 หลายเดือนก่อน

    recources link just goes to your website give us a clue where the files are at ???????

    • @FluxAcademy
      @FluxAcademy  9 หลายเดือนก่อน

      Hello! Please enter your email in the field provided on the website and the download link will be sent to you.

  • @Darin_H
    @Darin_H 11 หลายเดือนก่อน

    Isn't great to have a tutorial without showing how to get started??

  • @BrialMusic
    @BrialMusic 11 หลายเดือนก่อน +2

    5 column grid in web design is wild... Please use 12 columns as everyone else... Also Framer is so much easier to transform from Figma to Code

    • @Xgil2Play
      @Xgil2Play 9 หลายเดือนก่อน

      Does that require a payment plan on either side?

    • @rakshaslog3058
      @rakshaslog3058 9 หลายเดือนก่อน

      I guess when you dive deeper in framer the things that make it seem easy, frustrate you the most