Learn how to design Elementor Post grids using Elementor Pro 3.8 loop grid builder, custom css and the powerful Elementor flexbox container framework.

Get CSS Code discussed in the tutorial from the article below:
https://wpalgoridm.com/code-snippets/...

CodePen source code in the tutorial:
https://freefrontend.com/css-cards

Get Elementor
🛑 Elementor Pro — https://wpalgoridm.com/elementor

Grid Builder Basics
Elementor Pro 3.8 Grid Builder tutorial -    • New Elementor 3.8 Pro Post Loop Build...  

Get My Udemy Elementor Custom CSS Masterclass for Beginners
🛑 Course Link -- https://wpalgoridm.com/udemy-css

Elementor Flexbox tutorials
🛑Elementor Flexbox basics -    • Elementor 3.6 Flexbox container basic...  
🛑 Elementor Flexbox beyond the basics -    • Elementor flexbox container beyond th...  
🛑 Design website header using flexbox -    • Design Responsive WordPress header us...  

🛑 Build a complete website from the scratch on Digital Ocean --    • How To Make A Complete WordPress Webs...  

NEXT STEPS
🛑 Complete Cloudflare tutorial --    • How to Setup Cloudflare on WordPress ...  
🛑 Create Professional Email --    • How to Create Business Email & Use it...  

Signup with DigitalOcean below and get $100 credit
🛑 DigitalOcean — https://wpalgoridm.com/digitalocean

BEST WORDPRESS HOSTING
🔥 SiteGround — https://wpalgoridm.com/siteground
🔥 DigitalOcean — https://wpalgoridm.com/digitalocean

BEST WORDPRESS PAGEBUILDERS & ADD-ONS
🛑 Elementor Pro — https://wpalgoridm.com/elementor
🛑 Dynamic Content For Elementor — https://wpalgoridm.com/dynamic
🛑 Crocoblock JetPlugins — https://wpalgoridm.com/crocoblock
🛑 Unlimited Elements — https://wpalgoridm.com/unlimited
🛑 Ultimate Addons — https://wpalgoridm.com/uae
🛑 Exclusive Addons — https://wpalgoridm.com/exclusive

BEST WORDPRESS THEMES
🟦 Astra Pro — https://wpalgoridm.com/astra
🟦 Neve Pro — https://wpalgoridm.com/neve

BEST WORDPRESS PLUGINS
🟦 WPForms — https://wpalgoridm.com/wpforms
🟦 WPVivid — https://wpalgoridm.com/wpvivid (ENTER “wpalgoridm20” for 20% OFF)
🟦 WP Mail SMTP — https://wpalgoridm.com/wpsmtp
🟦 MetaBox — https://wpalgoridm.com/metabox

BEST WORDPRESS SERVICES & TOOLS
🟦 NameCheap — https://wpalgoridm.com/namecheap

THE TOOLS I USE
🟦 Canva — https://wpalgoridm.com/canva
🟦 Camtasia — https://wpalgoridm.com/camtasia
🟦 Adobe Creative Cloud — https://wpalgoridm.com/adobecc
🟦 Google WorkSpace — https://wpalgoridm.com/gworkspace
🟦 Freepik — https://wpalgoridm.com/freepik
🟦 Envato Elements — https://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 — https://wpalgoridm.com
✅ Queries — https://wpalgoridm.com/contact-us
✅ Request A Tutorial — https://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!

Table of Contents
0:00 Intro
0:53 Loop Basics
3:32 Customising Grids
11:42 Loop 1 Design
21:24 Loop 2 Design

#wordpress #elementor #elementorpro