How The Elementor Flexbox Container Works - A Complete Guide

Поділитися
Вставка
  • Опубліковано 1 гру 2024

КОМЕНТАРІ • 197

  • @mundojones7477
    @mundojones7477 Рік тому +3

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

  • @nick_merchant
    @nick_merchant 11 місяців тому +4

    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 UA-cam. Please keep making more videos like this, and thank you!

  • @KBlakK
    @KBlakK Рік тому +10

    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!!!

  • @YAFONOOB
    @YAFONOOB Рік тому +13

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

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

    Great tutorial, amazingly simplified explanation without any unnecessary wording.

  • @faisaljavedtv
    @faisaljavedtv 8 місяців тому

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

  • @BamikoleJacobs
    @BamikoleJacobs 20 днів тому +1

    thank you so much. This is what have been looking for

  • @markbratton111
    @markbratton111 Рік тому +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!

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

    Thank you so much for this! After finding no decent instructions on the Elementor help page, decided to come to UA-cam. Your explanation was precise and to the point, saving me a lot of frustration trying to figure this out on my own.

  • @dawnsimpson7484
    @dawnsimpson7484 Рік тому +4

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

  • @grgaska
    @grgaska 9 місяців тому

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

  • @HomemadeChemistry
    @HomemadeChemistry 3 місяці тому +1

    4 minutes in and my biggest questions are answered. Thanks a lot bro! Great tutorial

  • @monkey_d_luffyyy2093
    @monkey_d_luffyyy2093 11 місяців тому

    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.

  • @mrmoneybagz
    @mrmoneybagz Рік тому +3

    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.

  • @Pondicoco1
    @Pondicoco1 5 місяців тому

    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!!!!

  • @jozeftryzna
    @jozeftryzna 10 місяців тому

    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. 👍💯

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

    Finally understood how this work, excellent video, very clear and straight forward! Thank you!

  • @JubairHossain-x7m
    @JubairHossain-x7m 9 місяців тому

    BEST Flexbox tutorial in this world

  • @ayoubboutarfa5061
    @ayoubboutarfa5061 Рік тому

    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.

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

    Thank you! These things were driving me nuts... Now I love them :)

  • @LaniPrell-qq7bj
    @LaniPrell-qq7bj 8 місяців тому

    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!!

  • @adebayosalako5296
    @adebayosalako5296 Рік тому

    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.

  • @BruceWayne15325
    @BruceWayne15325 6 місяців тому

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

  • @kaytobe
    @kaytobe Рік тому

    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! 🎉

  • @SlipperyWeevil
    @SlipperyWeevil Рік тому +1

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

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

    That was a brilliant tutorial. Well done!

  • @MartinBenesCreative
    @MartinBenesCreative 4 місяці тому

    Great tutorial, very clear. Flex box were confusing to me but now they are quite clear. Thanks man.

  • @tailsupdogtraining2950
    @tailsupdogtraining2950 Рік тому +3

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

  • @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.

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

    You deserve my subscribe !
    Thank you from Morocco

  • @JorgeMartinez-bruy
    @JorgeMartinez-bruy Рік тому

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

  • @estatearmory
    @estatearmory 11 днів тому

    Absolutely Brilliant! This is exactly what I needed, thank you!

  • @EdwardFerguson-v7v
    @EdwardFerguson-v7v 5 місяців тому

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

  • @VeryCreativeUK
    @VeryCreativeUK 8 місяців тому

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

  • @JohnYohannanOsundwa
    @JohnYohannanOsundwa 3 місяці тому

    Thanks Bro for sharing really saved me alot as we are used to Sections transforming to flexbox has been a challenge for the old timers now we are liberated

  • @crouge
    @crouge Рік тому +2

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

  • @SaarInteriorDesign-yt7xb
    @SaarInteriorDesign-yt7xb Рік тому

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

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

    Well, i actually subscribed because you explained it SO well 😉🎉 Thanks for that. Containers were driving me insane.
    I will need to watch this a few more times but it does make the designing a lot easier. Cheers, appreciate the help. Rob

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

    Excellent video. Being new to WordPress, the containers were very confusing. This helps a lot. Subbed.

  • @apolr_
    @apolr_ Рік тому

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

  • @tanawatmunmueang7924
    @tanawatmunmueang7924 4 місяці тому

    Very clear and informative, thank you

  • @kestelvandermescht9521
    @kestelvandermescht9521 10 місяців тому

    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 UA-cam!

  • @CaroGottschlich
    @CaroGottschlich 9 місяців тому

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

  • @Marcellocavallucci
    @Marcellocavallucci 9 місяців тому

    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 ;-)

  • @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.

  • @bakr35
    @bakr35 24 дні тому

    Thank you so much, explained so much in a clear and simple way, thanks bro :)

  • @BMarshDesignLb
    @BMarshDesignLb 3 місяці тому

    This video is great quality with valuable information on the flexbox feature!

  • @sdg428
    @sdg428 Рік тому

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

  • @jaideepshinde7492
    @jaideepshinde7492 Рік тому

    I can't thank you enough for this tutorial!

  • @EnglishwithMax
    @EnglishwithMax 3 місяці тому

    Thank you so much for this! Very clear! I hadn't used Elementor since this change and I was tearing my hair out😅.

  • @mohammedminoddinsharker8460

    thanks for the easy, beautiful , informative video

  • @abdulmuqsit9720
    @abdulmuqsit9720 6 місяців тому

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

  • @MehediHasan-mr2hz
    @MehediHasan-mr2hz Рік тому

    Awesome Tutorial. Lot's of love.

  • @coloradopatrick
    @coloradopatrick 9 місяців тому

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

  • @JohnCookvideos
    @JohnCookvideos 5 місяців тому

    GREAT INSTRUCTION.. GREAT VOICE!!!

  • @revampphysicaltherapy3490
    @revampphysicaltherapy3490 7 місяців тому

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

  • @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👍

  • @surgent13
    @surgent13 5 місяців тому

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

  • @davidthebeefarmer5912
    @davidthebeefarmer5912 9 місяців тому

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

  • @edwarddomina4195
    @edwarddomina4195 5 місяців тому

    Thank you for clearing up my oldman confusion on flexboxes.

  • @monogogo
    @monogogo Рік тому +1

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

  • @ebandit2004
    @ebandit2004 6 місяців тому

    Thank you for the clear instructions.

  • @scepticaljamie
    @scepticaljamie Рік тому

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

  • @Louiseyook
    @Louiseyook Рік тому

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

  • @reho117
    @reho117 Рік тому

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

  • @ankitpal8633
    @ankitpal8633 Рік тому

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

  • @NicksWebShop
    @NicksWebShop 11 місяців тому +2

    Finally an intelligent tutorial for the intelligent by the intelligent.

  • @tnvclagos1
    @tnvclagos1 11 місяців тому

    Well detailed explanation. Thank you.

  • @AtifAtif-vh5zh
    @AtifAtif-vh5zh 3 місяці тому

    Thanks a lot I have seen many video because I had confused but I am happy because of your video have seen .Now I have cleared my conspect about container

  • @ruthgwerder825
    @ruthgwerder825 Рік тому

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

  • @autocadtech2D
    @autocadtech2D 6 місяців тому

    Thank you sir! This is really helpful.

  • @dmozus
    @dmozus 6 місяців тому

    Super helpful! Thank you!

  • @theolyimo1919
    @theolyimo1919 7 місяців тому

    Perfect! Thank you for this.

  • @md.anisurrahman9459
    @md.anisurrahman9459 Рік тому

    Thank you very much for this awesome video!

  • @bibianajozef4700
    @bibianajozef4700 11 місяців тому

    Well explained, thank you.

  • @im_srikanta
    @im_srikanta 11 місяців тому +1

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

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

    Very clear and to the point! Subscibed! :)

  • @Finestsongexplain
    @Finestsongexplain Рік тому

    God bless u man it's a eye opening teaching

  • @DrakeJohnson-d7v
    @DrakeJohnson-d7v Рік тому

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

  • @tomiastudio
    @tomiastudio Рік тому +18

    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  Рік тому +2

      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 Рік тому +3

      @@tanyuelvis that didn't work for me either

    • @ahmedmujtaba5933
      @ahmedmujtaba5933 Рік тому

      @@BeyondWoWJunkies same for me

  • @forsomereason3713
    @forsomereason3713 Рік тому

    Thank you very much! That was very clear!

  • @sajjadhossain9379
    @sajjadhossain9379 10 місяців тому

    Solved my problem, many thanks.

  • @checkthisout_
    @checkthisout_ 8 місяців тому

    Dude! Awesome video!

  • @RemarketingDigital
    @RemarketingDigital 9 місяців тому

    Nice video, congratulations and thanks for sharing it!

  • @filipdemski8303
    @filipdemski8303 7 місяців тому

    Thank you, great tutorial!

  • @konstantinb.6692
    @konstantinb.6692 Рік тому

    Great tutorial 👍

  • @AsifImran-seo-expert
    @AsifImran-seo-expert 7 місяців тому

    Life saver vide, take love brother ❤

  • @eliaslindborg9183
    @eliaslindborg9183 Рік тому

    Great video, thank you for the tutorial.

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

    Great introduction. It cleared up a lot. Question: How does nesting containers affect website speed and page size? Thanks.

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

    Wow man thanks a lot you helped me a lot ❤

  • @mohameduzair
    @mohameduzair Місяць тому +1

    I don't have flex box ie directions in my container. What to do? Please help

  • @josephito27
    @josephito27 9 місяців тому

    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!!!!

  • @SlobodanStevanović-n5z
    @SlobodanStevanović-n5z Рік тому

    respect. Bravo for explanation. Fantastic

  • @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

  • @qani613
    @qani613 Рік тому

    This actually helped me understand css flexbox better 😂

  • @Sherman_King
    @Sherman_King Рік тому

    Great video!

  • @CaterStudios
    @CaterStudios Рік тому +2

    There is something you still can’t do with elemetor flex box, you can add a container, then add three content in a row, but you can’t make two content to be 50 50% at the top row and one other 100% full width at the button in the same container… that’s super simple in oxygen builder… and I enjoy it ALOT when I’m creating more complex layouts and making stuffs Responsive on mobile breakpoints.

    • @uncodedlife
      @uncodedlife Рік тому +2

      Yes you can, make the third inner container or element flex-grow

    • @chsheheryar2482
      @chsheheryar2482 Рік тому

      You can do that buddy.

  • @DESIMAPERFUMESLLCHialeah
    @DESIMAPERFUMESLLCHialeah Рік тому

    great video my friend!!

  • @sjnichani
    @sjnichani Рік тому

    nice video good job on explaining

  • @markvandam4302
    @markvandam4302 Рік тому

    Great video! Thank you!