Follow us

CSS Grid Blog Free Layout for Divi | Divi Soup

Like our free content? Then you'll love our exclusive Club!

Divi Academy Membership gives you exclusive access to over 110 resources, including child themes, layouts, cheatsheets, tutorials, live training and member perks. And new content is added EVERY Monday!

CSS Grid Blog Free Divi Layout.

This clean and modern blog page layout uses CSS Grid and flex for variable column widths and to keep posts the same height across screensizes, no matter how much your content length varies.

It also makes use of the wonderful feature that is CSS Variables (custom properties), making it super easy to edit for your needs smile

I have kept styling to a minimum so that it is easy to have it fit in with your site style, and I have also added the .et_pb_button class to the read more links with a little jQuery so they will take on the styles you have set for buttons in the Theme Customiser, without the need for additional CSS wink

View the demo and download this free layout below.

Be sure to view the ‘Read Me’ file in the download package for full instructions.

If you found this helpful please leave a comment. smile

Michelle X

Michelle Nunan is a multi-award winning marketer & trainer and full time Divi educator as well as a mother of two beautiful girls and two cheeky Black Labradors called Harley & Chaz. Michelle has been building websites since the late nineties, back in the days of GeoCities and Napster, before the web was the wonderful place it is now.

Related Posts

Enter your details below to get notified of the launch and early bird pricing

You have successfully joined the waitlist!

Pin It on Pinterest

Sharing is caring

Share this post with your friends!