Elementor Tutorial - Flexbox vs Grid Container Layout

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

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 М.
Clown takes blame for missing candy 🍬🤣 #shorts
00:49
Yoeslan
Рет қаралды 46 МЛН
Heartwarming Unity at School Event #shorts
00:19
Fabiosa Stories
Рет қаралды 24 МЛН
Best Toilet Gadgets and #Hacks you must try!!💩💩
00:49
Poly Holy Yow
Рет қаралды 21 МЛН
A little girl was shy at her first ballet lesson #shorts
00:35
Fabiosa Animated
Рет қаралды 15 МЛН
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 I will keep using Elementor in 2024. No need to switch.
14:56
Rino de Boer
Рет қаралды 41 М.
Elementor AI  - The Complete Tutorial
53:16
Web Monkey
Рет қаралды 8 М.
Perplexity AI SEO: 0 to 87,000 Traffic with Perplexity Pages 🤯
13:35
Julian Goldie SEO
Рет қаралды 56 М.
Why is THIS the Perfect Homepage?
14:21
Wes McDowell
Рет қаралды 537 М.
Gym lover..#trollface #short #shortsfeed
0:21
DS SIPUN OFFICIAL
Рет қаралды 6 МЛН
Don´t WASTE FOOD pt.3
0:20
LosWagners ENG
Рет қаралды 21 МЛН