Elementor Tutorial - Flexbox vs Grid Container Layout

  Рет қаралды 4,878

Web Monkey

Web Monkey

2 ай бұрын

In today's tutorial, I am going to be discussing with you the differences between the Elementor Flexbox and Grid container layouts.
Follow me on Facebook - / thewebmonkeyonline
Visit my blog - thewebmonkeyonline.com/
Buy Siteground Web Hosting - www.siteground.com/go/you_tube
For business inquiries, product reviews or partnerships, please send an email to alex@thewebmonkeyonline.com

Пікірлер: 22
@ismailsaadeh6087
@ismailsaadeh6087 Ай бұрын
Your video is great and easy to understand, but this will increase the DOM size and slow down the page's loading speed.
@LogologicsNl
@LogologicsNl Ай бұрын
Thanks, this helped me understand the difference!👍
@abhisheksawant8120
@abhisheksawant8120 Ай бұрын
A great video to explain the concept.
@WrestlingFan00
@WrestlingFan00 2 ай бұрын
Helpful video thank you!
@beatrisprinz3421
@beatrisprinz3421 2 ай бұрын
Indeed, this video guide is very helpful. Love it much. Thank you
@TheWebMonkey
@TheWebMonkey 2 ай бұрын
You're very welcome!
@tonybp
@tonybp 2 ай бұрын
Good explanation, thanks. BTW I had no idea an oasis like that one existed, pretty cool.
@TheWebMonkey
@TheWebMonkey 2 ай бұрын
Glad you liked it!
@ibrahimniloy2303
@ibrahimniloy2303 2 ай бұрын
Great man
@PakistanCraneGroup
@PakistanCraneGroup Ай бұрын
Very helpful❤
@TheWebMonkey
@TheWebMonkey Ай бұрын
Glad you think so!
@ghislainemahler1880
@ghislainemahler1880 2 ай бұрын
Hi Alex, thanks again for a great video - you are such a great teacher!!! Question: Using this grid and flex box system, do you think it is possible to create a blog page where posts are going to be at different levels? The straight columns and rows are a bit boring to me, I wonder if you would have a tip for that. Thanks!
@TheWebMonkey
@TheWebMonkey 2 ай бұрын
You can pull that of by using a masonry layout. The posts element provides that feature.
@ghislainemahler1880
@ghislainemahler1880 2 ай бұрын
Great, thanks Alex!😊
@pusuluri27
@pusuluri27 24 күн бұрын
why you didn't use col span and row span?
@nhatnam4627
@nhatnam4627 Ай бұрын
You say that columns or rows that do not have the same size, and one dimensional flow, then flexbox is the one to choose. But for main container containing 2 rows with different heights, you choose grid with row = 1 to make the height of first row shorter., I am confused.
@nuresponse
@nuresponse 2 ай бұрын
It seems that we can't build this structure with Grid alone... so the questions then becomes: Is it better to just use Flex to build this... or use a combination of Flex & Grid to build this? Why not just use Flex box for all of the nested containers? I was able to accomplish this for all screen sizes by simply: 1. Setting the menu sub-container to 25% & 2. Setting the parent container for the Main/Right to 100%. Am I missing something? Is there an inherent positive or negative to using both Flex & Grid in the same page? Does it load any extra CSS or JS files to use both? What about conflicts... I didn't see any obvious benefits in this example for using both... over just using Flex. Would love to hear your thoughts.
@imantriatmojo5064
@imantriatmojo5064 Ай бұрын
Is that responsive ?
@damirregoc8111
@damirregoc8111 7 күн бұрын
And how do we change the height of those columns and rows? I mean individually, every box for itself. Don't say "oh, just go to height and width", because that doesn't work.
@ClaudiuOvidiuStoica
@ClaudiuOvidiuStoica Ай бұрын
Dude, this is not the right way to do it. Will increase DOM a lot
@user-is2dk5kf4n
@user-is2dk5kf4n 13 күн бұрын
Elementor should have left it just the way it is before
Elementor Flexbox Container Tutorial - EXPLAINED
35:00
Rino de Boer
Рет қаралды 124 М.
Fantastic NEW Elementor AI Feature - Reference a Website
9:53
Web Monkey
Рет қаралды 4,8 М.
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
КАК ДУМАЕТЕ КТО ВЫЙГРАЕТ😂
00:29
МЯТНАЯ ФАНТА
Рет қаралды 10 МЛН
路飞太过分了,自己游泳。#海贼王#路飞
00:28
路飞与唐舞桐
Рет қаралды 35 МЛН
How Many Balloons Does It Take To Fly?
00:18
MrBeast
Рет қаралды 201 МЛН
Elementor Grid Containers - First Look & Easy To Get Started
11:26
Jeffrey @ Lytbox
Рет қаралды 21 М.
CSS Grid - самая понятная инструкция с примерами по гридам (сеткам) в CSS
49:33
The secret to mastering CSS layouts
17:11
Kevin Powell
Рет қаралды 273 М.
Why is THIS the Perfect Homepage?
14:21
Wes McDowell
Рет қаралды 537 М.
Elementor AI  - The Complete Tutorial
53:16
Web Monkey
Рет қаралды 8 М.
Why I will keep using Elementor in 2024. No need to switch.
14:56
Rino de Boer
Рет қаралды 41 М.
Elementor’s default 1140px doesn’t work. Here’s why
19:34
Rino de Boer
Рет қаралды 119 М.
Elementor Flexbox Container Tutorial: Flex and Grid Layout
59:17
Самый ДОБРЫЙ мальчик!😎
1:00
Petr Savkin
Рет қаралды 6 МЛН
小宇宙竟然尿裤子!#小丑#家庭#搞笑
0:26
家庭搞笑日记
Рет қаралды 9 МЛН
Забота Казахов🇰🇿
0:45
QAZAQ PEOPLE
Рет қаралды 311 М.
ОБЯЗАТЕЛЬНО СОВЕРШАЙТЕ ДОБРО!❤❤❤
0:45
Chapitosiki
Рет қаралды 4,9 МЛН