How to Use New Elementor CSS Grid Containers (2 Simple Examples)

Confused about the brand new Elementor grid container in Elementor 3.13 and above versions? It is an advanced and flexible container system that is way better than Elementor Flexbox container and in this tutorial I'll teach you how.
Master CSS Basics for Elementor with my Udemy Course
🛑 Course Link -- wpalgoridm.com/udemy-css
Unlock Elementor's full potential
🛑 Get Elementor Pro - wpalgoridm.com/elementor
Signup with DigitalOcean below and get $100 credit
🛑 DigitalOcean - wpalgoridm.com/digitalocean
Elementor Grid Container tutorials
🛑Elementor Grid basics - • New Elementor CSS Grid...
Elementor Flexbox Container tutorials
🛑Elementor Flexbox basics - • Elementor 3.6 Flexbox ...
🛑 Elementor Flexbox beyond the basics - • Elementor flexbox cont...
🛑 Design website header using flexbox - • Design Responsive Word...
🛑 Build a complete website from the scratch on Digital Ocean -- • How To Make A Complete...
Get My Udemy Elementor Custom CSS Course now
🛑 Course Link -- wpalgoridm.com/udemy-css
NEXT STEPS
🛑 Complete Cloudflare tutorial -- • How to Setup Cloudflar...
🛑 Create Professional Email -- • How to Create Business...
BEST WORDPRESS HOSTING
🔥 SiteGround - wpalgoridm.com/siteground
🔥 DigitalOcean - wpalgoridm.com/digitalocean
BEST WORDPRESS PAGEBUILDERS & ADD-ONS
🛑 Elementor Pro - wpalgoridm.com/elementor
🛑 Dynamic Content For Elementor - wpalgoridm.com/dynamic
🛑 Crocoblock JetPlugins - wpalgoridm.com/crocoblock
🛑 Unlimited Elements - wpalgoridm.com/unlimited
🛑 Ultimate Addons - wpalgoridm.com/uae
🛑 Exclusive Addons - wpalgoridm.com/exclusive
BEST WORDPRESS THEMES
🟦 Astra Pro - wpalgoridm.com/astra
🟦 Neve Pro - wpalgoridm.com/neve
BEST WORDPRESS PLUGINS
🟦 WPForms - wpalgoridm.com/wpforms
🟦 WPVivid - wpalgoridm.com/wpvivid (ENTER “wpalgoridm20” for 20% OFF)
🟦 WP Mail SMTP - wpalgoridm.com/wpsmtp
🟦 MetaBox - wpalgoridm.com/metabox
BEST WORDPRESS SERVICES & TOOLS
🟦 NameCheap - wpalgoridm.com/namecheap
THE TOOLS I USE
🟦 Canva - wpalgoridm.com/canva
🟦 Camtasia - wpalgoridm.com/camtasia
🟦 Adobe Creative Cloud - wpalgoridm.com/adobecc
🟦 Google WorkSpace - wpalgoridm.com/gworkspace
🟦 Freepik - wpalgoridm.com/freepik
🟦 Envato Elements - wpalgoridm.com/envato
* If you want to offer an EXCLUSIVE DISCOUNT to my subscribers, contact me on my website*
Learn WordPress Your Own Way
✅ Website - wpalgoridm.com
✅ Queries - wpalgoridm.com/contact-us
✅ Request A Tutorial - wpalgoridm.com/request
✅ Facebook Page -- / wpalgoridm
✅ Facebook Group -- / designschoolwp
DISCLAIMER: Some links may contain Affiliate links which help me earn a small commission at no extra cost to you, that helps me make free content in case you buy one above. Thank you for your support!
Video Chapters
0:00 Introduction
0:45 Enable Grid Containers
1:32 Simple Grid Example
13:43 Single Post Design using Elementor Grid Container
18:38 Conclusion
#wordpress #elementor

[@johnboyd8053]

Nice video. Thanks for slowing things down and explaining in more detail.

[@wpalgoridm]

Thank you John! Really glad that you liked it :)

[@clasicatanuncios6115]

Thanks !! Great video !

[@psvialli]

Thanks you for this it really helped me a LOT !

[@wpalgoridm]

Glad it helped 🙂 you’re welcome!

[@jasonhebert1656]

I haven't used elementor before and I'm working on a site that has it. What about divs? or containers? Does elementor have them? So you can actually make useable designs? It's been a while since i've done anything in wordpress and I'm coming from webflow and based on this example it seems like it's about 1% of what you can do in webflow but i'm hoping i'm missing something.

[@TakaIncomeYT]

Sir how to get Data form Custom field then show Singles page and Number 2 page... I want use for Downloading Website multiple link provide.. Plesse make Video...

[@gabrielalexandro730]

Awesome, can you please create a tutorial for Quill Forms?

[@wpalgoridm]

I'd take a look at it and see if its possible :)

[@gabrielalexandro730]

@@wpalgoridm Thank you so much! Really appreciate.

[@kirk59]

Good video except the last part of changing post to use the grid which was rushed. What a shame as it would have been a great exercise to be able to put into practice the earlier information. It would be great if you had this as a part 2 and took your time. You could even have a template for download to follow along. What was missing is that you took the easy option of just creating a single row. You did not show how you would add image, heading, text and button for a card like structure. I can only assume that you need ot create these in a template and add into tho the grid whihc kinf od defeats the improvement of the flex-box. Unless I am missing something.