---
title: "Elementor Section vs NEW Flexbox Containers – Page Speed Comparison | Elementor 3.6 Update [Video Tutorial]"
url: https://theplusaddons.com/docs/elementor-section-vs-flexbox-containers/
date: 2023-07-05
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=1ayFKs7uk4Y Video Duration: 23 : 38 Video Overview In this video, we will see how to use the new Elementor 3.6 Flex Box Container, with a live demo. We explain..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-54-1024x576.jpg
word_count: 192
---

# Elementor Section vs NEW Flexbox Containers – Page Speed Comparison | Elementor 3.6 Update [Video Tutorial]

## 

- Compares page speed performance between Elementor 3.6 Flexbox Containers and traditional sections.
- Demonstrates new options in Elementor Flex Containers, including justify content and align items features.
- Provides resources such as the Flex Align Item Playground and Elementor Docs on Flex Containers for further learning.

https://www.youtube.com/watch?v=1ayFKs7uk4Y

##### Video Duration: 23 : 38

## Video Overview

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 - [https://u5pxp.csb.app/](https://u5pxp.csb.app/)

2) Flex Justify Content Playground - [https://2yubm.csb.app/](https://2yubm.csb.app/)

3) Understanding Flex - [https://flexbox.tech/](https://flexbox.tech/)

4) Elementor Docs on Flex Containers - [https://elementor.com/help/advanced-container-knowledge/](https://elementor.com/help/advanced-container-knowledge/)

5) Learn CSS - [https://w3schools.com/css](https://w3schools.com/css)

Visit: [https://theplusaddons.com/](https://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

[Get The Plus Addons for Elementor](https://theplusaddons.com/pricing/)

[View 120+ Elementor Widgets Demo](https://theplusaddons.com/elementor-widgets/)