How The Elementor Flexbox Container Works - A Complete Guide

Поделиться
HTML-код
  • Опубликовано: 7 янв 2025

Комментарии •

  • @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 Год назад +5

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

  • @KBlakK
    @KBlakK Год назад +11

    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 Год назад +15

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

  • @dawnsimpson7484
    @dawnsimpson7484 Год назад +4

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

  • @HappyAnimals3D
    @HappyAnimals3D 2 месяца назад

    Great tutorial, amazingly simplified explanation without any unnecessary wording.

  • @crouge
    @crouge Год назад +3

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

  • @monkey_d_luffyyy2093
    @monkey_d_luffyyy2093 Год назад

    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.

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

  • @mrmoneybagz
    @mrmoneybagz Год назад +4

    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 7 месяцев назад

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

  • @cathleenwilliams2060
    @cathleenwilliams2060 2 месяца назад

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

  • @HomemadeChemistry
    @HomemadeChemistry 4 месяца назад +1

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

  • @stuntdriver007
    @stuntdriver007 3 месяца назад

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

  • @grgaska
    @grgaska 11 месяцев назад

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

  • @LaniPrell-qq7bj
    @LaniPrell-qq7bj 9 месяцев назад

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

  • @faisaljavedtv
    @faisaljavedtv 10 месяцев назад

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

  • @SlipperyWeevil
    @SlipperyWeevil Год назад +1

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

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

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

  • @schmutly
    @schmutly 3 месяца назад

    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

  • @jozeftryzna
    @jozeftryzna 11 месяцев назад

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

  • @tailsupdogtraining2950
    @tailsupdogtraining2950 Год назад +3

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

  • @BruceWayne15325
    @BruceWayne15325 7 месяцев назад

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

  • @terrabyte911
    @terrabyte911 4 месяца назад

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

  • @JorgeMartinez-bruy
    @JorgeMartinez-bruy Год назад

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

  • @Marcellocavallucci
    @Marcellocavallucci 11 месяцев назад

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

  • @mangocomputer
    @mangocomputer 2 месяца назад

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

  • @BamikoleJacobs
    @BamikoleJacobs Месяц назад +1

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

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

  • @JohnYohannanOsundwa
    @JohnYohannanOsundwa 4 месяца назад

    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

  • @JubairHossain-x7m
    @JubairHossain-x7m 10 месяцев назад

    BEST Flexbox tutorial in this world

  • @kestelvandermescht9521
    @kestelvandermescht9521 11 месяцев назад

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

  • @MartinBenesCreative
    @MartinBenesCreative 6 месяцев назад

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

  • @estatearmory
    @estatearmory Месяц назад

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

  • @EdwardFerguson-v7v
    @EdwardFerguson-v7v 6 месяцев назад

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

  • @laitai_
    @laitai_ 3 месяца назад

    That was a brilliant tutorial. Well done!

  • @lahcenwhmad6499
    @lahcenwhmad6499 4 месяца назад

    You deserve my subscribe !
    Thank you from Morocco

  • @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 2 месяца назад

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

  • @SaarInteriorDesign-yt7xb
    @SaarInteriorDesign-yt7xb Год назад

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

  • @VeryCreativeUK
    @VeryCreativeUK 9 месяцев назад

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

  • @BMarshDesignLb
    @BMarshDesignLb 4 месяца назад

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

  • @EnglishwithMax
    @EnglishwithMax 4 месяца назад

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

  • @CaroGottschlich
    @CaroGottschlich 11 месяцев назад

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

  • @edwarddomina4195
    @edwarddomina4195 6 месяцев назад

    Thank you for clearing up my oldman confusion on flexboxes.

  • @abdulmuqsit9720
    @abdulmuqsit9720 7 месяцев назад

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

  • @LightoftheSpirit
    @LightoftheSpirit 3 месяца назад

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

  • @jaideepshinde7492
    @jaideepshinde7492 Год назад

    I can't thank you enough for this tutorial!

  • @sdg428
    @sdg428 Год назад

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

  • @AkadirXp
    @AkadirXp 2 года назад +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👍

  • @AtifAtif-vh5zh
    @AtifAtif-vh5zh 4 месяца назад

    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

  • @mohammedminoddinsharker8460
    @mohammedminoddinsharker8460 Год назад

    thanks for the easy, beautiful , informative video

  • @apolr_
    @apolr_ Год назад

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

  • @surgent13
    @surgent13 6 месяцев назад

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

  • @monogogo
    @monogogo Год назад +1

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

  • @davidthebeefarmer5912
    @davidthebeefarmer5912 10 месяцев назад

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

  • @NicksWebShop
    @NicksWebShop Год назад +2

    Finally an intelligent tutorial for the intelligent by the intelligent.

  • @huzyo117
    @huzyo117 Год назад

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

  • @coloradopatrick
    @coloradopatrick 10 месяцев назад

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

  • @scepticaljamie
    @scepticaljamie Год назад

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

  • @MehediHasan-mr2hz
    @MehediHasan-mr2hz Год назад

    Awesome Tutorial. Lot's of love.

  • @revampphysicaltherapy3490
    @revampphysicaltherapy3490 9 месяцев назад

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

  • @tanawatmunmueang7924
    @tanawatmunmueang7924 5 месяцев назад

    Very clear and informative, thank you

  • @im_srikanta
    @im_srikanta Год назад +1

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

  • @JohnCookvideos
    @JohnCookvideos 7 месяцев назад

    GREAT INSTRUCTION.. GREAT VOICE!!!

  • @ebandit2004
    @ebandit2004 7 месяцев назад

    Thank you for the clear instructions.

  • @ruthgwerder825
    @ruthgwerder825 Год назад

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

  • @ankitpal8633
    @ankitpal8633 Год назад

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

  • @autocadtech2D
    @autocadtech2D 7 месяцев назад

    Thank you sir! This is really helpful.

  • @theolyimo1919
    @theolyimo1919 8 месяцев назад

    Perfect! Thank you for this.

  • @bibianajozef4700
    @bibianajozef4700 Год назад

    Well explained, thank you.

  • @dmozus
    @dmozus 7 месяцев назад

    Super helpful! Thank you!

  • @mattcup9001
    @mattcup9001 3 месяца назад

    Very clear and to the point! Subscibed! :)

  • @sajjadhossain9379
    @sajjadhossain9379 11 месяцев назад

    Solved my problem, many thanks.

  • @tnvclagos1
    @tnvclagos1 Год назад

    Well detailed explanation. Thank you.

  • @Louiseyook
    @Louiseyook Год назад

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

  • @josephito27
    @josephito27 11 месяцев назад

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

  • @md.anisurrahman9459
    @md.anisurrahman9459 Год назад

    Thank you very much for this awesome video!

  • @Maseratimusicrecordlabel
    @Maseratimusicrecordlabel Год назад

    God bless u man it's a eye opening teaching

  • @tomiastudio
    @tomiastudio 2 года назад +19

    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 года назад +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

  • @Mind_exersice
    @Mind_exersice 2 месяца назад

    Wow man thanks a lot you helped me a lot ❤

  • @DrakeJohnson-d7v
    @DrakeJohnson-d7v Год назад

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

  • @AsifImran-seo-expert
    @AsifImran-seo-expert 8 месяцев назад

    Life saver vide, take love brother ❤

  • @mohameduzair
    @mohameduzair 3 месяца назад +1

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

  • @konstantinb.6692
    @konstantinb.6692 Год назад

    Great tutorial 👍

  • @qani613
    @qani613 Год назад

    This actually helped me understand css flexbox better 😂

  • @filipdemski8303
    @filipdemski8303 8 месяцев назад

    Thank you, great tutorial!

  • @forsomereason3713
    @forsomereason3713 Год назад

    Thank you very much! That was very clear!

  • @eliaslindborg9183
    @eliaslindborg9183 Год назад

    Great video, thank you for the tutorial.

  • @checkthisout_
    @checkthisout_ 9 месяцев назад

    Dude! Awesome video!

  • @RemarketingDigital
    @RemarketingDigital 10 месяцев назад

    Nice video, congratulations and thanks for sharing it!

  • @Joni.Johnson
    @Joni.Johnson 5 месяцев назад

    I'm so sorry but I feel like I missed something. When you started showing how to use the Flexbox, which structure did you choose? (2:00)

  • @asanka036
    @asanka036 День назад

    Thanks brother!

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

  • @mdrobiulhowlader6061
    @mdrobiulhowlader6061 Год назад

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

  • @markvandam4302
    @markvandam4302 Год назад

    Great video! Thank you!

  • @dionnye4042
    @dionnye4042 2 года назад +1

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