In this video, we will see how to use the new Elementor 3.6 Flex Box Container, with a live demo. We explain all the options from justifying content, row direction, wrap, no-wrap, align items, and everything.
We make a live page speed comparison test to show you how much clearer DIVS are created. The New Flex Containers is a major upgrade to faster performance.
▶ Resources:
1) Flex Align Item Playground - u5pxp.csb.app/
2) Flex Justify Content Playground 2yubm.csb.app/
3) Understanding Flex - flexbox.tech/
4) Elementor Docs on Flex Containers - elementor.com/help/advanced-c...
5) Playground for Elementor Backend with Flex Enabled- playground.elementor.com/demo...
6) Learn CSS - w3schools.com/css
Visit: theplusaddons.com/ for 120+ Best Elementor Widgets
---
Time stamps 🕐
0:00 Intro
2:09 Understanding the Basics : What is CSS?
2:43 How to Learn CSS for Elementor
3:30 Understanding the Technical difference b/w Block and Flex
4:26 Display: Block Explained
5:41 Display: Flex Explained
8:35 Exploring New Options in Elementor Flex Containers
9:23 Elementor Display Flex : Direction
9:58 Elementor Display Flex: Align Items
11:28 Elementor Display Flex: Justify Content
13:15 Flex Box Playground by Elementor
15:12 When will The Plus Addons for Elementor widgets be compatible?
15:35 Creating Flex website from scratch
19:11 Performance Comparison b/w Sections vs Containers
21:26 Converting Old Section to New Containers
23:27 Outro
---
⏯️ Don't Forget to Subscribe to our RU-vid channel for ✨ the latest updates - ru-vid.com...
⚡SUPERCHARGE YOUR WEBSITE NOW⚡ - pmly.cc/supercharge
🔥 USE CODE " RU-vid10 " TO ENJOY EXTRA 10% DISCOUNT
---
Important Links 🔗
▶️ Website - theplusaddons.com/
▶️ Join our Facebook Community - / theplus4elementor
▶️ Add your favourite feature on our Roadmap - roadmap.theplusaddons.com/
▶️ Hit Like on our Facebook Page - / theplusaddonsforelementor
▶️ Need Help with our widgets, refer our Docs - docs.posimyth.com/tpae
▶️ Enjoy Premium Support- store.posimyth.com/helpdesk/
If you have any questions, feel free to say Hi👋 on our Live chat
▶️- theplusaddons.com/#webchat_wi...
#ElementorContainer #ElementorSections #SpeedTestComparison
2 июл 2024
