How The Elementor Flexbox Container Works - A Complete Guide

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 ธ.ค. 2022
  • In this video, we're going to be exploring how the Elementor Flexbox container works. We'll be covering the basics of how it works, as well as some of the more advanced features.
    If you're looking to learn more about the Elementor Flexbox container, then this video is for you! By the end of this video, you'll have a clear understanding of how the Elementor Flexbox container works and what you can use it for in your designs.
    * Try Elementor here funnelstoincome.com/elementor
    * FluentCRM - funnelstoincome.com/fluentcrm Get 20% OFF (Use Coupon MAK)
    * Presto Player - funnelstoincome.com/prestoplayer Get 10% OFF (Use Coupon MAK10)
    * BuddyBoss - funnelstoincome.com/buddyboss - Get 10% OFF (Use Coupon MAK10)
    * TutorLMS - funnelstoincome.com/tutorlms - (Use Coupon Code Mak20 for 20% Discount)
    * Divi Theme Builder - funnelstoincome.com/Divi (Includes BONUS Course)
    * LearnDash - funnelstoincome.com/learndash (Includes BONUS Course)
    * CartFlows - funnelstoincome.com/cartflows Get 10% OFF (Use Coupon MAK10)
    * MemberPress - funnelstoincome.com/memberpress (Includes BONUS Course)
    * WhishList Member -- funnelstoincome.com/wishlist (Includes BONUS Course)
    * * * * Buy any of the products and get FREE Course BONUSES to get you started fast! ****
    🔥 Best WordPress Hosting
    * SiteGround -- funnelstoincome.com/siteground (SAVE 70%)
    * FlyWheel Hosting -- funnelstoincome.com/flywheel
    🔥 Divi Theme Templates
    * Design Beautiful Blogs In A Few Clicks funnelstoincome.com/bloggerpro
    * Design Divi Websites Faster, Buy The Genesis Template funnelstoincome.com/genesis
    🔥 Online Business Books & Training
    * One Funnel Away Challenge - funnelstoincome.com/onefunnel
    * FREE Traffic Secrets Book - funnelstoincome.com/freetraffic
    * Affiliate Bootcamp - funnelstoincome.com/affiliate...
    * Experts Secrets Book - funnelstoincome.com/experts
    😍 Recommended Plugins / Services
    * Convertkit -- funnelstoincome.com/convertkit
    * MailPoet - funnelstoincome.com/mp
    * TubeBuddy -- funnelstoincome.com/tubebuddy
    * SkillShare- funnelstoincome.com/skillshare
    ALL THE GEAR THAT I USE.
    * funnelstoincome.com/gear
  • แนวปฏิบัติและการใช้ชีวิต

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

  • @YAFONOOB
    @YAFONOOB ปีที่แล้ว +11

    You've done a great job explaining it. Simple, concise, the basics. Thank you, I really learned a lot, quickly!

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

    Thanks for guiding, i was stuck in boxes and your video solved the issue… 🤗

  • @user-ic2ot4ur3q
    @user-ic2ot4ur3q 14 วันที่ผ่านมา

    Thank you for this video! Short and directly to the point and on topic.
    I appreciate you man!

  • @Pondicoco1
    @Pondicoco1 21 วันที่ผ่านมา

    I'm doing a crash course in container-based Elementor and your tutorial is doing the job for me!
    Thanks for a clear and logical presentation!!!!

  • @KBlakK
    @KBlakK ปีที่แล้ว +7

    Thank you for this video. Other videos had me so confused as to how to use Flexbox Containers. I understood it intellectually, but I couldn't wrap my creative brain around how to use them to design. Your explanation was succinct and precise, and now I see the true value of what Elementor has done in terms of freeing us from columns and making sites with less code and more creativity. But if it wasn't for you explaining it the way you did, I would still be mystified. Thanks again!!!

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

    I really enjoyed this tutorial. You were clear, concise and to the point without extra. Thank you so very much.

  • @JohnCookvideos
    @JohnCookvideos 17 วันที่ผ่านมา

    GREAT INSTRUCTION.. GREAT VOICE!!!

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

    Having used the flexbox and grid systems in my HTML, CSS and JavaScript coding projects, this is as easy as pie. All I needed to know is what's the difference between the old Elementor workflow that I'm used to and the new container-based workflow. And you showed us just that. So thanks a lot Mak.

  • @nick_merchant
    @nick_merchant 5 หลายเดือนก่อน +2

    Your no bs, to the point, clearly spoken with a beautiful accent method gets across in a way that I believe is very hard to find on TH-cam. Please keep making more videos like this, and thank you!

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

      Thank you 😁

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

    Superb intro to Elementor Flexboxes. Nicely paced, with concise information. Just what I needed. Thank you.

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

    Thank you, I’ve been struggling with this for 3 days. You are a life saver, and you’ve got a great way of explaining things.

  • @tailsupdogtraining2950
    @tailsupdogtraining2950 ปีที่แล้ว +3

    A great video. Super easy to follow for a beginner. Thank you.

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

    I watched Elementor help center, their blog and so on But in 11 ins you explained how this works PERFECTLY. Thank you!

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

    Thank you, thank you, thank you! You helped me out tremendously. I started design in Elementor just before they made the change and could not understand why things were differnt after the update! You rock!

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

    Thanks so much. I’m new to Elementor and my template started with sections. I was so confused about flex boxes. You explained this clearly and succinctly! 🎉

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

    A great video. Super easy to follow for a beginner. Thank you.❤

  • @surgent13
    @surgent13 7 วันที่ผ่านมา

    I like the way you explain. Thank you so much. You helped me a lot

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

    Thank You! I am a greenhorn of the elementor, but this explanation of using containers is clear enough to everyone. Thanks a lot, this is what I was looking for. 👍💯

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

    Very helpful Sir, ❤❤Thank you, I really learned about Flax very quickly!

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

    Your explanation is amazing. Other videos successfully confused me with explanations but you made it super easy to understand with good examples. Kudos to you man.

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

    Great tutorial. Very good and clear explanations. Thank you very much!

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

    Thank you sir, nice and simple to follow, I searched a found other videos that were 30-40mins long. This was on point. Excellent work my friend.

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

    Thank you so much, you're a lifesaver. I was so confused about how all this worked before, but now it makes perfect sense!

  • @crouge
    @crouge 9 หลายเดือนก่อน +2

    I was having anxiety with this Flexbox, until finally i watched this tutorial :D

  • @user-hx6je9oq6f
    @user-hx6je9oq6f 4 หลายเดือนก่อน

    BEST Flexbox tutorial in this world

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

    Thanks for this video, it's a life saver. Awesome delivery too.

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

    I'm so glad I came across your video, an excellent review and very helpful.

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

    Thank you for the clear instructions.

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

    Perfect! Thank you for this.

  • @MehediHasan-mr2hz
    @MehediHasan-mr2hz ปีที่แล้ว

    Awesome Tutorial. Lot's of love.

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

    Thanks for making this tutorial! It helped me a bunch!

  • @SaarInteriorDesign-yt7xb
    @SaarInteriorDesign-yt7xb 8 หลายเดือนก่อน

    finally I understood what this container is all about. thanks!

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

    Omg, you explained it so well! 🎉 Thank you for this video!

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

    All heroes do not wear capes. I was avoiding the container for so long. But now, I am confident enough to leave the column & section behind. Thanx to you. Keep up the good work.

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

    Excellent video ... now I get it! Thanks much.

  • @JorgeMartinez-bruy
    @JorgeMartinez-bruy 10 หลายเดือนก่อน

    Amazing! Thank you for sharing your knowledge. I got to unterstand everything easily. Greetings from Uruguay, South America!

  • @thesegunolaniyan
    @thesegunolaniyan 6 หลายเดือนก่อน

    Well detailed explanation. Thank you.

  • @LaniPrell-qq7bj
    @LaniPrell-qq7bj 3 หลายเดือนก่อน

    Thank you after screwing around with 4 or 5 other tutorials and several hours of being completely flummoxed, since yours I think I finally got it. GOOD JOB!! YAY!!

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

    Super helpful! Thank you!

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

    Thank you very much! That was very clear!

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

    thanks for the easy, beautiful , informative video

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

    concise and effective explananation. I wanted to stick to using inner sections because I couldn't understand how to use these containers. But now, my opinion has changed.

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

    Solved my problem, many thanks.

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

    Is great to see Divi user starting to use Elementor... I am familiar with Divi but never tried Elementor so I am very happy for your Elementor videos (... and of course Divi's).. Keep posting your Elementor videos as I am learning a lot while you practising👍

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

    Wonderfully explained. You are a great teacher. Appreciated 🙏👊

  • @md.anisurrahman9459
    @md.anisurrahman9459 8 หลายเดือนก่อน

    Thank you very much for this awesome video!

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

    Love the way you explain it. Thank you, a great video.

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

    Well explained, thank you.

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

    03:49 solved all my problems, was facing difficulties for almost a week trying to figure it out, Thank you man

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

    Great video, thank you for the tutorial.

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

    I can't thank you enough for this tutorial!

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

    Excellent tutorial on nesting containers. It was a great help. Ta

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

    Thank you, great tutorial!

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

    Great video! Thank you!

  • @autocadtech2D
    @autocadtech2D 26 วันที่ผ่านมา

    Thank you sir! This is really helpful.

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

    Well explained, easy to understand! Thank you from Germany! :-)

  • @user-dm7ed8jl6e
    @user-dm7ed8jl6e 10 หลายเดือนก่อน

    AWESOME. Thank you for this. Wish I would've watched it sooner

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

    This actually helped me understand css flexbox better 😂

  • @user-sg3zn7rf7z
    @user-sg3zn7rf7z 10 หลายเดือนก่อน

    respect. Bravo for explanation. Fantastic

  • @im_srikanta
    @im_srikanta 6 หลายเดือนก่อน +1

    Thank You for doing this video, it helped me :)

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

    Amazing tutorial

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

    Very clear. Thanks

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

    easy to understand explaination, thank you.
    couldnt figure it out on my own😓

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

    Nice one cuzzie, you solved a huge problem I was having! Thanks!!!! Even though i live abroad, its always nice to see my SA hommies repping on TH-cam!

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

    God bless u man it's a eye opening teaching

  • @tomiastudio
    @tomiastudio ปีที่แล้ว +16

    You don't need to add the two buttons into a separate container, just make them "inline" and you'll be able to put them side by side

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

      Thanks, it worked 😀

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

      It didn't work for me. The button is still full width and when I add another inline button it isn't side-by-side.

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

      @@BeyondWoWJunkies Make both of them inline

    • @bubbles4528
      @bubbles4528 10 หลายเดือนก่อน +3

      @@tanyuelvis that didn't work for me either

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

      absolutely.

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

    Nice video, congratulations and thanks for sharing it!

  • @user-st7ot3cz9r
    @user-st7ot3cz9r 18 วันที่ผ่านมา

    clear and precise

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

    Dude! Awesome video!

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

    Thanks you helped me alot

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

    Ow! Thank you very much. Here was my problem. Now solve it.

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

    loved the video!❤

  • @konstantinb.6692
    @konstantinb.6692 ปีที่แล้ว

    Great tutorial 👍

  • @AsifImran-seo-expert
    @AsifImran-seo-expert 2 หลายเดือนก่อน

    Life saver vide, take love brother ❤

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

    Great video!

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

    Thak you so much!

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

    Thank you !

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

    nice video good job on explaining

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

    Very useful tutoriel....Thanks you for the funny way.....🥰🥰🥰

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

    Omg! Finally found this

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

    Thanks Dude!

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

    Thank you for video

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

    Hello,
    Thank you for your good work. At last, we understand things clearly.
    It's not like on the Elementor website, which doesn't inform us of its new logic and doesn't create any videos explaining each change.
    Thanks again. You've won a subscriber ;-)

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

    great video my friend!!

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

    Thanks dude.

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

    Great video, ty

  • @prabhmeet1
    @prabhmeet1 8 วันที่ผ่านมา

    excellent, got that. Bingo!

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

    I'd been pulling my hair out over this all day. Thank you!!!

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

    I am starting my first job as web dev tomorrow with wordpress even though I do coding, I am pretty good at layout with html and css and I was wondering how to replicate the flex system with Elementor, you pretty much saved me hours of figuring it out. thanks!!!!

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

    oooo I'm gonna love it!!!

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

    Hi :) perfect video really :D. Thank you for comparing the old with the new at the beginning ;).

  • @user-nt1sr9jr5d
    @user-nt1sr9jr5d 4 หลายเดือนก่อน

    Thank you bro

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

    Finally an intelligent tutorial for the intelligent by the intelligent.

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

    Nice man!

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

    thank you so much

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

    thank you

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

    Thanks bud! Very clearly explained. Liked & Subbed 🙏

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

    Great vid thanks. When I add two left aligned buttons for example in a container under the a left aligned heading the heading and the buttons do not align as there is padding in the inner container that I can't seem to get rid of

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

    You can also change the button width to inline so you can drop your second "inline" button in the same row

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

    Thanks