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 Crea...
Contact Form With File Upload Video: • Divi 4 Add A Contact F...
KZbin Video Background Video: • Divi Theme Full Width ...
Divi Supreme Modules Playlist: • Divi Supreme Modules P...
Divi Brain Free Plugin Playlist : • Divi Brain Addons Free...
Divi 4 Theme Create An Ecommerce Store In One Hour: • Divi 4 Theme Create An...
How To Create A Global Footer Video: • Divi 4 Ecommerce Theme...
Try out the Divi theme: bit.ly/TryDiviNow
Divi Supreme Modules Plugin 10% Off: bit.ly/DiviSupremeCoupon
My Blog : 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 St...
Divi Snippets: • Divi 4 Snippets Divi T...
Divi 4 Ecommerce Store: • Divi 4 Ecommerce Store...
Bootstrap 4 Basics: • Bootstrap 4 Basics Ind...
Elementor: • Elementor Wordpress Bu...
WordPress Tips: • Wordpress 2020 Theme C...
--------- RECOMMENDED VIDEOS: ---------
Bootstrap 4 Complete One Page Scrolling Website Tutorial : • Bootstrap 4 Complete O...
Elementor Wordpress Builder One Page Scrolling Site In 15 Minutes: • Elementor Wordpress Bu...
Bootstrap - How to edit a bootstrap template: • Bootstrap - How to edi...
Divi Add a live facebook feed to your divi or any wordpress website: • Divi Add a live facebo...
Divi 4 Theme How To Build A Multi Page Website In 20 Minutes: • Divi 4 Theme How To Bu...
Elementor Wordpress Builder How To Build A Parallax Section: • Elementor Wordpress Bu...
--------- SOCIAL MEDIA ---------
Follow what I'm doing on:
Facebook: / system22.net
Twitter: / 22itsolutions1
Linkedin: / jamie-henry-546b7377
Support the channel: paypal.me/system22
Courses I teach: www.udemy.com/user/jamiehenry2/
Subscribe: / @system22
#KZbinTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite

[@norchris]

Thank you, very interesting. I will work it into a news site front page with blog modules.

[@System22]

Glad to help Christian Sømme - Check out our playlist page for more videos on this: kzbin.infoplaylists - Please like, share and subscribe if you have not done so already - Thanks!

[@johngouin6466]

Another winner. Thanks!!

[@System22]

Glad to help John Gouin - Please like, share and subscribe if you have not done so already - Thanks!

[@AsitAithal]

Brilliant 👏

[@System22]

Glad to help Asit Aithal

[@bertrandgendrin8204]

I would like to know is it possible to do grid by little space ? how do you process ?

[@System22]

? Bertrand Gendrin - Please like, share and subscribe if you have not done so already - Thanks!

[@tobiasmann2155]

Is it possible to make also a 12 grid layout with these method?

[@System22]

Absolutely Tobias Mann - Check out our playlist page for more videos on this: kzbin.infoplaylists - Please like, share and subscribe if you have not done so already - Thanks!

[@majicediting7514]

how can we add a list item inside with the capability to scroll inside each module

[@System22]

Interestingp Majic Editing - Not sure about that right now! - Check out our playlist page for more videos on this: kzbin.infoplaylists - Please like, share and subscribe if you have not done so already - Thanks!

[@sheiderp]

Is this still working because I have tried it and it does not work

[@System22]

Still works for me Sheider Philipsen - Check out our playlist page for more videos on this: kzbin.infoplaylists - Please like, share and subscribe if you have not done so already - Thanks!