Complex Containers with Less Containers - Elementor Wordpress Tutorial

Last week we did a Complex Container layout with Parent Containers, Children Containers, and Grandchild Containers.

But with a little thought you can replicate the layout (and go beyond) without needing to use Grandchild Containers.

Complex Containers with Less Containers - Elementor Wordpress Tutorial

We love to create - share - respond - and deliver.

Hire us to work on your Website!

[LittleChicPrints]

I'm impressed by the easiness to how you improvise on the spot to create so many things. I just hope one day I'll be half as good and comfortable as you. LOL

[franktielemans]

You don't have to specify the height of the text-editor to 180px. No need to calculate the height either.
Just set size to GROW (Advanced > Layout > Size) and it will fill the leftover space in the container.

[Claudius.a]

Beautiful delivery again, Imran! Thank you. I think this will almost solve the CSS Grid crazy for complex layouts. Your creativity is just amazing!

[soicybunny]

thankful for the tips on elementor and boosting page speeds for all designers 🎉 happy new year web squadron!

[andonisr]

An excellent video mate! Thank you so much!!!

[Ife-Emmanuel]

Wow. This is brilliant! Will definitely help with the DOM and page speed.

[mrs.mazharfarooqi]

Wow it helped me a lot thank you so much

[fabiank]

Very nice. Especially with images I have problems to fit them completely in the container. My experience is you have to play around a lot with the resolution of the image itself. Container Jungle...

[quranicsafar]

how to make this layout can you plz explain. i meed the same

[nayanponz]

I visited all your container videos, I was very wrong about it, thank God I didn't start creating my website before I saw your tutorials, the container is way better than those sections, I created a mega menu with it, and I got better speed.

[MFG]

Has the inner sections element been removed?

[digitalmurph]

Thanks, but Im assuming this isnt very flexible though? How responsive is it ? Wont some of the heights and widths go out of alignment without creating new values for different browser widths?

[BabyKiara]

Two questions bro.

1. Removing container Vs Adding custom CSS. which one effect more for page speed ?
2. if we set custom css. do we have to add separate custom css for mobile and tablet breakpoints ?. otherwise it will stay 200px for mobile too. sometimes it's too much and we want 150px or something

[brianlangley]

Great video, but I don't think you mentioned adding CSS is only Pro version of Elementor?

[HiImRack]

Man I’m so grateful for your Elementor videos. 🫡

[Zackbingzhi]

Hi, I have a problem, after editing the position of the element in Elementor, the preview page on different browsers shows different results, what is the problem?🥲