Elementor Flexbox Container Tutorial - EXPLAINED

114,118
0
Published 2023-09-15
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/elementor-course
Discount code for subscribers: LWPYT

Resource: The percentages you can use for wrapping: livingwithpixels.com/resource-flex-grow/

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/elementor-course
Figma Design Mastery Course: livingwithpixels.com/design-course
Business Course: livingwithpixels.com/business-course

→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elementor-guide
Figma Design Starters Guide: livingwithpixels.com/design-guide

→ My Social Media
Tiktok: www.tiktok.com/@rinodeboer
Instagram: www.instagram.com/rinodeboer/
Twitter / X: www.twitter.com/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.

All Comments (21)
  • @la.allday
    Hands down, The best video on containers on the internet
  • @smallchanna5567
    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
  • 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!
  • @SofiaSultan
    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
  • @21stMarketing
    I really like your style of tutorials. The way you relate the functionality to real world applications with examples & demonstrations is great. Thx 👍🏻
  • @MrJones-tb1rg
    Best Elementor instructor on the internet. Thanks again for the great content.
  • @barkster
    Awesome video, I will probably watch it several times. Thanks
  • @pixelgap
    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 :)
  • @tomweinkle5908
    fast-paced, but still easy to understand and a convincing demonstration of the power of flexbox. Thanks!
  • @user-hm6ii4zd6s
    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!!
  • @vlb.strategies
    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!
  • Well done Rino! Your explaination is very clear and I really enjoy watching your videos! Thank you from Italy!!
  • @ozadutv
    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.
  • @rehicks45
    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
  • @bensmith4376
    This is what I have been waiting for. Very helpful in understanding the new containers.
  • @raaajmech3
    Very nice Video Rino,as usual from you end, always insightful and with high-quality content
  • @CamiloQuiroga
    Rino, you are the best tutor ever! Thanks for creating this content, no doubts the most useful of them all!!
  • @Luckeydogs
    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!
  • 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!!! ☀