Everything You Need to Know About Containers - Elementor Beginner Tutorial
Check out the super fast Cloudways hosting plans: http://cloudways.com/en/pricing.php?i...
Use the code REIALESA to get 30% off your first 3 invoices!
Elementor Units Explained - How and When You Should Use PX; REM, EM, %, VH and VW: • Elementor Units Explained - How and When Y...
Change the Colors (and More) of Icons, Headings, Text When Hovering Over the Container in Elementor: • Change the Colors (and More) of Icons, Hea...
Advanced Elementor Hover Effects - Rotate, Resize or Move Anything From a Specific Point - No Plugin: • Advanced Elementor Hover Effects - Rotate,...
What I use to build amazing websites:
Elementor (the best WordPress page builder): https://be.elementor.com/visit/?bta=2...
🗞️ Subscribe to my newsletter: https://www.reialesa.com/newsletter/
If you've ever used Elementor, you came across the flexbox container. It's the basic building block you use whenever you're building a website. Containers are incredibly versatile and they allow you to create all kinds of layouts, including very complex ones. They're also amazing when it comes to responsiveness. They make adapting things for tablet and mobile really quick and really easy. In short, they give you a lot of options and a lot of freedom to build whatever you want. And because of that, using them can feel really overwhelming at first.
But worry not! In this video, we're going to go over what exactly containers are and what you can do with them. We're going to take a detailed look at each of the individual settings you have available at your disposal. You're going to learn the best ways to use and combine these settings to take full advantage of the power of Elementor.
And, of course, we're also going to go over how to use containers to easily make your websites responsive. And I didn't forget about flexbox grids. I'll explain what the difference is between the flexbox container and the flexbox grid and how I use each of them.
In just under 50 minutes, you're going to learn everything you need to know about containers. Including all of the tips and tricks that took me years to master.
#elementor #containers #tutorial
CHAPTERS:
00:00 - Intro
00:35 - Sponsored segment
04:30 - The theory
05:55 - Planning layouts
07:38 - The basics
10:08 - The Structure window
12:28 - Container Layout and Content Width
15:07 - Min Height
15:58 - Direction
19:09 - Changing the order
22:09 - Justify Content
24:13 - Align Items
25:43 - Align Self
26:50 - Gaps
27:24 - Wrap
30:54 - Grow
33:58 - Using Grow to align content
35:03 - How these settings apply to widgets
38:39 - Overflow
39:23 - Making containers clickable
40:23 - Grids
47:02 - Other settings and details
Get in touch:
https://www.reialesa.com/youtube/
Don’t be shy! Let me know what you’d like to see next, ask me anything related to design or just simply say hi.
Please note that some of the above are affiliate links, which means I earn a commission if you make a purchase, at no additional cost to you. Thank you very much if you decide to use them!