Elementor Flexbox Container Tutorial - EXPLAINED

Тәжірибелік нұсқаулар және стиль

Welcome to the most comprehensive Elementor Flexbox Container Tutorial I've ever made. In this Elementor Container Tutorial we will dive into the flexbox in detail by showing different container layouts for desktop and responsive modes.
Check out my Elementor Pro course here: livingwithpixels.com/elemento...
Discount code for subscribers: LWPYT
Resource: The percentages you can use for wrapping: livingwithpixels.com/resource...
Here is what we are covering
0:00 Introduction
0:50 Container Direction
2:17 The Boxed Container
5:19 Full Width Containers & Widgets
6:37 Aligning items and their content
10:50 What if it doesn't seem to work
13:26 Justify Content
14:36 Grow
15:52 Element Gap
16:46 Removing container for speed
18:50 Working with Rows
24:05 Using Wrapping to reduce containers
26:24 Elementor Pro Mastery Course
27:25 Order for tablet & mobile
29:30 Clickable Containers
30:13 Turning Auto Padding off
31:15 What about old websites?
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/software/
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ My Social Media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

Пікірлер: 314

  • @rinodeboer
    @rinodeboer9 ай бұрын

    I hope you will enjoy my comprehensive Elementor Flexbox Container Tutorial. Check out my Elementor Pro course here: livingwithpixels.com/elementor-course (use coupon: LWPYT to get 20% off)

  • @Ammar_J

    @Ammar_J

    9 ай бұрын

    Hye Rino can you please make a video on bootstrap that how can we use it in wordpress. please please

  • @user-mh9zh8xu3c

    @user-mh9zh8xu3c

    3 ай бұрын

    😊

  • @user-mh9zh8xu3c

    @user-mh9zh8xu3c

    3 ай бұрын

    😊😊😊

  • @Nosfeicon

    @Nosfeicon

    3 ай бұрын

    Sadly, the discount dont work ! I am a student, i really cant afford paying 300 +$ and i am from Canada !! Wich mean MORE money XD. Nice tutorial tho. I really like them :) o/

  • @gieselman

    @gieselman

    2 ай бұрын

    Great stuff Rino. I'll be joining the course. Does Crocoblock still have toolsets you use in your production websites? Or, can most things be done using Elementor?

  • @la.allday
    @la.allday6 ай бұрын

    Hands down, The best video on containers on the internet

  • @barkster
    @barkster8 күн бұрын

    Awesome video, I will probably watch it several times. Thanks

  • @super9studioscommercialpho370
    @super9studioscommercialpho370Ай бұрын

    Rino - omg, thank you SO MUCH FOR THIS VERY CLEAR AND HELPFUL OVERVIEW!!! I've been putting off learning more about containers (just thrashing around and using them with brute force), and, with this video, you have cleared up a bunch of problems I've been having!! I really appreciate the pace and efficiency of your tutorials, and if I ever find that you have created a tutorial on something I'm looking for, I always watch yours first! Keep up the good work!

  • @smallchanna5567
    @smallchanna55674 ай бұрын

    I recently began a WordPress course, not online but in a physical classroom setting. I'm encountering significant difficulties with Elementor, but after watching your videos, I find that you explain basic and even more advanced concepts with remarkable clarity and simplicity. I genuinely appreciate your efforts in making complex ideas understandable for non-techies like myself. Currently, I'm unable to enroll in any courses due to financial constraints, but your videos have proven to be immensely valuable to me. I kindly request that you continue creating more content for individuals like us. Your dedication to simplifying technical concepts is truly admirable. Thank you

  • @rehicks45
    @rehicks454 ай бұрын

    Thank you, I have wasted so much time looking at tutorials that are not current. You provided an outstanding review. I have watched many of your videos and you are the best

  • @SofiaSultan
    @SofiaSultan5 ай бұрын

    Out of all the videos I watched this one was the best. It was comprehensive with no BS and also answered some of the challenges i was facing while using containers

  • @tomweinkle5908
    @tomweinkle5908Ай бұрын

    fast-paced, but still easy to understand and a convincing demonstration of the power of flexbox. Thanks!

  • @21stMarketing
    @21stMarketing25 күн бұрын

    I really like your style of tutorials. The way you relate the functionality to real world applications with examples & demonstrations is great. Thx 👍🏻

  • @user-hm6ii4zd6s
    @user-hm6ii4zd6s7 ай бұрын

    What a perfect tutorial. The preparation, the presentation, the flow, the lack of banter and annoying waste of the viewer's time... wow buddy!!! It's one of my beliefs, if you're gonna do something do it well or don't do it at all. You clearly are at another level! Thank you for all of this!!

  • @velaanguelova9497
    @velaanguelova9497Ай бұрын

    Rino - you’re the best! Not only the content but the comprehensive teaching style, diverse examples, clean look to make it easy to follow. Wow. Thank you, thank you!!! ☀

  • @rinodeboer

    @rinodeboer

    Ай бұрын

    Awesome! Thank you!

  • @independentmum7819
    @independentmum78195 күн бұрын

    WOW-what A change - this is Amazing - Thank you SO much!

  • @pixelgap
    @pixelgap9 ай бұрын

    Well done Rino. I believe everybody should go through this video. You explained everything in a very easy way for everyone to understand. Thank you :)

  • @macarthurweb
    @macarthurweb29 күн бұрын

    Thank you Rino! I had already finished you Mastery Course but this older video explanined containers so much more than what I managed to understand in the course. I would love you to do one on Headers & Footers if you could :)

  • @ozadutv
    @ozadutv8 ай бұрын

    I had to pause the video at exactly 5.24 to post this comment. Thank you a Zillion times, not just for taking the time to put up this insightful video, but also for not being ashamed to say that your previous video is now irrelevant. It takes courage to admit a wrong. Rino! I love you bro. Thanks again.

  • @Liceclinicsofamerica

    @Liceclinicsofamerica

    4 ай бұрын

    He wasn't wrong on his previous video, it's just outdated now.

  • @kwdigitalsolutionswebsited3365
    @kwdigitalsolutionswebsited33653 ай бұрын

    Thank you for this video Rino. I was surprised how much I learned in this. You hit the points that others do not. Well done!

  • @rinodeboer

    @rinodeboer

    3 ай бұрын

    Happy to hear that! Thank you 🙏🏻

  • @CodeRover182
    @CodeRover1829 ай бұрын

    This tutorial is absolutely incredible, and I'm at a loss for words to describe just how amazing this video is 🙌🙌🙌

  • @bensmith4376
    @bensmith43769 ай бұрын

    This is what I have been waiting for. Very helpful in understanding the new containers.

  • @vlb.strategies
    @vlb.strategies26 күн бұрын

    I'm currently in crunch time for a site rebuild/redesign and this video is literally going to be the reason I make the deadline. I had to rewatch a couple parts a few times due solely to the info being so comprehensive but your delivery of it was phenomenal! So thankful I found this video when I did and lots of respect for what you do!

  • @mariabobert3500
    @mariabobert35008 ай бұрын

    I am again and again amazed. I have already learned sectios and margins with your tutorials amd now there are these boxes. I am a therapist, not a designer, but with you everything is possible and so easy! Thank you so so much!

  • @rickygarcia2171
    @rickygarcia21719 ай бұрын

    Nice. Thanks for clearly explaining how they work. This is definitely a very useful tutorial and appreciate you sharing your knowledge about Elementor.

  • @CamiloQuiroga
    @CamiloQuiroga9 ай бұрын

    Rino, you are the best tutor ever! Thanks for creating this content, no doubts the most useful of them all!!

  • @ulissesmonte
    @ulissesmonte9 ай бұрын

    Awesome video Rino! Thanks a lot for your patience, and for the dedication you put on your videos!

  • @rinodeboer

    @rinodeboer

    9 ай бұрын

    Thank you, I appreciate it 🙏🏻

  • @alexandermalmstrom8226
    @alexandermalmstrom82269 ай бұрын

    well done. And thank you for all the work you put in. You have helped me with elementor more than anyone else. Keep it up!

  • @simonetoriello3608
    @simonetoriello36089 ай бұрын

    Well done Rino! Your explaination is very clear and I really enjoy watching your videos! Thank you from Italy!!

  • @yngverodli
    @yngverodli9 ай бұрын

    Awesome and easy to understand video that I learned a lot from. Thank you Rino! You are my number 1 go to guy for Elementor wisdom ❤

  • @Luckeydogs
    @Luckeydogs6 ай бұрын

    Absolutely the perfect, lifesaver refresher and overview for Elementor Containers and Flex Boxes. Thank you so much Rino! Really helped me today with my work!

  • @jim6477
    @jim64776 ай бұрын

    One of the best container tutorial I've seen, thanks.

  • @MrJones-tb1rg
    @MrJones-tb1rg9 ай бұрын

    Best Elementor instructor on the internet. Thanks again for the great content.

  • @amrobbie
    @amrobbie9 ай бұрын

    Ahh I’ve been waiting for this and finally it’s here, had a huge break through with your flexbox videos! Thank you Rino

  • @user-li1ss8ho6y
    @user-li1ss8ho6y4 ай бұрын

    I've watched a few different tutorials to get a grasp of Elementor - yours is really the best: great example with "why" it matters. Thanks

  • @ronfairfieldmirrorartist4541
    @ronfairfieldmirrorartist45419 ай бұрын

    brilliant, I've been putting off getting to grips with this but now I have a valuable resource to give me confidence.

  • @OuzDohan
    @OuzDohan4 ай бұрын

    Thank you for sharing your expertise with the Elementor users community!

  • @harshikeshmaurya2557
    @harshikeshmaurya2557Ай бұрын

    Thank you So much I confused from 3days This Video Very helpful for understanding the new containers

  • @Andy-yc7du
    @Andy-yc7du4 ай бұрын

    I've literally been stumbling for months trying to get my head around containers. I've watched dozens of videos which were all helpful in their own way but didn't really help overall. This is by far the most comprehensive explanation on the intricacies of setting these new containers up. Thanks so much.

  • @WickyDesign
    @WickyDesign9 ай бұрын

    Great video Rino! Thanks for sharing the Flex Grow page!

  • @BobHager
    @BobHager5 ай бұрын

    Your videos are a HUGE help! I learned quite a bit with this one. Thanks for being so detailed.

  • @mariopalumbo9898
    @mariopalumbo98985 ай бұрын

    Finally someone that knows what is talking about! Thanks!

  • @elCastilloContable
    @elCastilloContable9 ай бұрын

    Muchas gracias, from Costa Rica I follow you long time ago, you are the best source for knowledge about Elementor, have a nice personality and excellence when explaining all these topics.

  • @raaajmech3
    @raaajmech39 ай бұрын

    Very nice Video Rino,as usual from you end, always insightful and with high-quality content

  • 9 ай бұрын

    Such a complex tutorial. Love that so so much. Super useful. Thank you, much love!

  • @markimarku
    @markimarku8 ай бұрын

    nicely presented. I have watched about 6 other videos on Flexbox containers but most of the people concentrated on the coolness of being able to switch between rows and columns etc. I actually learned quite a lot of new skills and concepts in your video. Thank you

  • @JoshVenables
    @JoshVenables8 ай бұрын

    Thanks Rino! Your percentages are OVERPOWERED. The resources have been very helpful.

  • @rinodeboer

    @rinodeboer

    8 ай бұрын

    Awesome to hear. Thank you too 🙏🏻

  • @user-jd3pk1bz8e
    @user-jd3pk1bz8e9 ай бұрын

    Nice, clear and precise tutorial, thanks a bunch!

  • @devonrd
    @devonrd9 ай бұрын

    Thank you so much for releasing this!

  • @MrWaaaaah
    @MrWaaaaah8 ай бұрын

    thank you sir. i am very encouraged by your tutorial. keep tutoring and helping anyone in need

  • @pavel0900
    @pavel09009 ай бұрын

    Rino, I can’t believe you put out a video with this many free suggestions and a fairly detailed explanation of how this new container works. Thank you so much. While Elementor is not for everyone since it’s not as simple as advertised. You certainly make it possible for an average Joe like myself to take on a project, or two.

  • @rinodeboer

    @rinodeboer

    9 ай бұрын

    That is so cool to hear, thank you 🙏🏼

  • @derick_eppendahl
    @derick_eppendahl9 ай бұрын

    Thanks Rino, you made my day ! 🥰

  • @ulrichbecker9333
    @ulrichbecker93337 ай бұрын

    Fantastic tutorial - sometimes a little bit fast, but rewinding solves this ;) Great work!

  • @GnuLegax
    @GnuLegax6 ай бұрын

    Simply the Best explained tutorial about Elementor containers! My respect and My gratitude to You! FR! 👏🙌🎉

  • @adamgarlinger2440
    @adamgarlinger2440Ай бұрын

    Phenomenal stuff Rino, thanks.

  • @farn451
    @farn4518 ай бұрын

    thank you for this, i've been a bit gunshy about going down the containers route but this has cleared a whole bunch of things up for me.

  • @DKJohnDigital
    @DKJohnDigital9 ай бұрын

    Awesome! I have been waiting for this for a long.

  • @galvanargold4657
    @galvanargold46574 ай бұрын

    Thats a hell of a tutorial! I enjoyed watching it.

  • @moeez944
    @moeez9446 ай бұрын

    Thank you so much, I learned All containers in just 34 Minutes.

  • @EzraRay12
    @EzraRay123 ай бұрын

    FANTASTIC video, thank you!

  • @davestr2046
    @davestr20466 ай бұрын

    Brilliant tutorial. Made a lot of things crystal clear now. Thanks & Peace.

  • @webtappers7863
    @webtappers78639 ай бұрын

    Thanks Rino, great tutorial

  • @jeroenvandenbogaerde9980
    @jeroenvandenbogaerde99809 ай бұрын

    Great Job Rino! I've been waited to switch over to containers untill it was set default ... so now i have no other choice anymore. Watching this tutorial gives a huge confident boost to make the switch. Thanks for all you hard work and giving so much to this community!

  • @rinodeboer

    @rinodeboer

    9 ай бұрын

    Glad I could help!

  • @focuswebsite
    @focuswebsite7 ай бұрын

    Incredible tutorial, truly insightful!

  • @egidijusmailing9278
    @egidijusmailing92789 ай бұрын

    Nice job! Very good and informative tutorial! Thank you

  • @jlclearning6458
    @jlclearning64588 ай бұрын

    You are great! Easy to follow and understand. THANK YOU!

  • @osvaldowesly9993
    @osvaldowesly99932 ай бұрын

    Excellent tutorial. I always wondered about containers.

  • @ricsimacs74
    @ricsimacs745 ай бұрын

    Thank you very much! I wish I had found your channel sooner. I discovered many things on my own, and I have mistakes that I can now consciously correct, not just after trying.

  • @ronrichardson175
    @ronrichardson1759 ай бұрын

    When I saw this title I was doubtful that you would include the sizing of widgets and elimination of extra containers. YOU NAILED IT! And thanks for the section on GROW, so helpful!

  • @mycustompaintedlife502

    @mycustompaintedlife502

    8 ай бұрын

    Hi! I've been searching for this topic. I watched this section 5 times and it's pretty quick so I don't think it's complicated, but still, I don't understand how you would build that typical section with texts on one side and an image on the other. Do you choose the two section container and then delete the second one? And then he speaks of pulling the image widget out of the container, deleting the container and putting the image back. I understand the reasoning for this I just don’t understand how it’s done.

  • @JamesArgyle
    @JamesArgyle9 ай бұрын

    Really good tutorial. I’ve been playing around with containers today and your explanation on using %s rather than pixels is really helpful. I’ll check out your course. Thanks! 😎

  • @TheStrategist314
    @TheStrategist3149 ай бұрын

    *THANK GOD YOU MADE THIS!*

  • @Ammar_J
    @Ammar_J9 ай бұрын

    Awesome and priceless content thank you so much for making this kind of content

  • @erimoitinho
    @erimoitinho9 ай бұрын

    Great video. Thank you, Rino!

  • @luciianonunes
    @luciianonunes9 ай бұрын

    Broo the tip about the default elementor hidings padding configurable in site settings was gold. I start to learn figma + elementor and always want to knew how to delete this annoying padding to bring my figma design as accurate as possible. Thks so much.

  • @jilanmedia3877
    @jilanmedia38778 ай бұрын

    Great job Rino!

  • @viraldm
    @viraldm9 ай бұрын

    My man! Now that's how you do a tutorial. Thanks for this!

  • @julesbenson4110
    @julesbenson41108 ай бұрын

    Thank you! This is exactly the information I needed and super appreciated😊

  • @sumeramughal
    @sumeramughal9 ай бұрын

    Great tutorial, thank you!

  • @1ManSh0w
    @1ManSh0w5 ай бұрын

    Thx for this video. I’ve been struggling with this new flex container change. I’m slowly getting the hang off it 😅

  • @MbonisiM
    @MbonisiM2 ай бұрын

    This is very informative, Sir. Thank you.

  • @MadMaxFuryRose
    @MadMaxFuryRoseАй бұрын

    This video was a massive help!

  • @KatharinaGleichauf
    @KatharinaGleichauf9 ай бұрын

    Thank you so much for this tutorial Rino! This was so helpful & exactly what I needed to finally get things right.

  • @rinodeboer

    @rinodeboer

    9 ай бұрын

    That’s so nice to hear , thank you 🙏🏻

  • @RichardvanNaamen
    @RichardvanNaamen9 ай бұрын

    He Rino, eindelijk een duidelijke uitleg met praktische tips and tricks. Super!! Ik werk al een hele tijd met de container maar jij hebt me toch nog een hoop uitgelegd.

  • @rinodeboer

    @rinodeboer

    9 ай бұрын

    Tof om te horen, dankjewel!

  • @KatyaGe
    @KatyaGe8 ай бұрын

    Very helpful tutorial!! Thanks a lot, Rino!!

  • @aprylskahill4186
    @aprylskahill41867 ай бұрын

    This was so incredibly helpful! Thank you

  • @abdussalam5031
    @abdussalam50312 ай бұрын

    Your childish sweetness makes your 'videos' all more watchable and easily comprehensible. Thank you for your efforts, you are doing great.

  • @MrSupashit

    @MrSupashit

    Ай бұрын

    wtf lol

  • 9 ай бұрын

    Great tutorial!

  • @mitkohubnerdasistderweg4032
    @mitkohubnerdasistderweg40329 ай бұрын

    great one. I work for a while with flexbox and i still find few things thar´t helps a lot. THANKS!

  • @holliswebb1800
    @holliswebb18009 ай бұрын

    great information, rino!

  • @sallyunderwood66
    @sallyunderwood665 ай бұрын

    Excellent - Thank-You!

  • @user-nc5yd5zd3o
    @user-nc5yd5zd3o9 ай бұрын

    Most helpful tutorial out there 100%

  • @KayakhacksFishing
    @KayakhacksFishing5 ай бұрын

    Excellent!

  • @davepederson
    @davepederson8 ай бұрын

    Rino, great tutorial! Thanks!

  • @aschoolforcairo
    @aschoolforcairoАй бұрын

    So helpful! Thank you

  • @boochiboochi
    @boochiboochi8 ай бұрын

    Thank you for this great tutorial!

  • @bharhey
    @bharhey9 ай бұрын

    This really came at the right time 😊 as I literally came to your channel three days back to see if there was a full guide about Containers! ✨ Thank you so much 🥹

  • @Liceclinicsofamerica
    @Liceclinicsofamerica4 ай бұрын

    WWWWOOOOOOOOOOOOOOWWWW!!! This was AMAZINGLY helpful!

  • @kevin.brommer
    @kevin.brommer8 ай бұрын

    Thank you, made my day

  • @NilleU
    @NilleU3 ай бұрын

    Your an amazing teacher mate

  • @ROBERTOHALLORAN
    @ROBERTOHALLORAN2 ай бұрын

    Great Video!

  • @hasnainali-iy8ue
    @hasnainali-iy8ue2 ай бұрын

    this helped me so much man thank you

  • @ceciliainnes2586
    @ceciliainnes25864 ай бұрын

    Oh my! I was thinking of converting to elementor from showit but it feels so complicated despite everyone saying how your tutorial simplifies it all. Need to watch again to see if it’s worth the switch. In any case bravo. You have a new subscriber

  • @MrGoalie2012
    @MrGoalie2012Ай бұрын

    31:00 THANK YOU SO MUCH THIS WAS ANNOYING ME SO BAD

  • @DanielAVphotomassacre
    @DanielAVphotomassacre6 ай бұрын

    Thanks for this. Great information :)

Келесі