Divi Theme How To Create A CSS Grid Layout For Your Modules 👈

Divi Theme How To Create A CSS Grid Layout For Your Modules. The Divi theme from elegant themes is absolutely awesome.

Title Scroll Effect Video:    • Divi Theme How To Create An About Us ...  

Contact Form With File Upload Video:    • Divi 4 Add A Contact Form With File U...  

Youtube Video Background Video:    • Divi Theme Full Width YouTube Backgro...  

Divi Supreme Modules Playlist:    • Divi Supreme Modules Plugin How To Cr...  

Divi Brain Free Plugin Playlist :    • Divi Brain Addons Free Divi Plugin Ov...  

Divi 4 Theme Create An Ecommerce Store In One Hour:    • Divi 4 Theme Create An Ecommerce Stor...  

How To Create A Global Footer Video:    • Divi 4 Ecommerce Theme Builder Custom...  

Try out the Divi theme: https://bit.ly/TryDiviNow

Divi Supreme Modules Plugin 10% Off: https://bit.ly/DiviSupremeCoupon

My Blog : https://web-design-and-tech-tips.com

--------- CSS CODE USED TODAY: ---------

Row Column

Main Element Desktop

display:grid;
grid-template-columns: 25% 25% 25% 25%;
grid-auto-rows: auto;

Tablet

display:grid;
grid-template-columns: 50% 50%;
grid-auto-rows: auto;

Mobile

display:grid;
grid-template-columns: 100%;
grid-auto-rows: auto;

Module deep

Main Element Desktop

grid-column: 1/2;
grid-row: 2/4;

Tablet

grid-column: auto;
grid-row: auto;

Module Long

Main Element Desktop

grid-column: 2/4;
grid-row: 2/3;

Tablet

grid-column: auto;
grid-row: auto;

--------- RECOMMENDED PLAYLISTS ---------

Elementor Ecommerce Store:    • Elementor Ecommerce Store Woocommerce...  

Divi Snippets:    • Divi 4 Snippets Divi Theme Overview 👍  

Divi 4 Ecommerce Store:    • Divi 4 Ecommerce Store Theme Setup An...  

Bootstrap 4 Basics:    • Bootstrap 4 Basics Index Page and Ext...  

Elementor:    • Elementor Wordpress Builder Install A...  

WordPress Tips:    • Wordpress 2020 Theme Customize The Pa...  

--------- RECOMMENDED VIDEOS: ---------

Bootstrap 4 Complete One Page Scrolling Website Tutorial :    • Bootstrap 4 Complete One Page Scrolli...  

Elementor Wordpress Builder One Page Scrolling Site In 15 Minutes:    • Elementor Wordpress Builder One Page ...  

Bootstrap - How to edit a bootstrap template:    • Bootstrap - How to edit a bootstrap t...  

Divi Add a live facebook feed to your divi or any wordpress website:    • Divi Add a live facebook feed to your...  

Divi 4 Theme How To Build A Multi Page Website In 20 Minutes:    • Divi 4 Theme How To Build A Multi Pag...  

Elementor Wordpress Builder How To Build A Parallax Section:    • Elementor Wordpress Builder How To Bu...  

--------- SOCIAL MEDIA ---------
Follow what I'm doing on:

Facebook:   / system22.net  

Twitter:   / 22itsolutions1  

Linkedin:   / jamie-henry-546b7377  


Support the channel: https://paypal.me/system22


Courses I teach: https://www.udemy.com/user/jamiehenry2/


Subscribe:    / @system22  


#YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite