Mastering Split Grid Layout in Bricks Builder (Pt 1)
Channel: Daveden WebDev
Date: 2024-02-19

Learn how to create a split grid layout in Bricks

|| Code Snippets
https://daveden.co.uk/tutorials/mastering-split-grid-layout-in-bricks-builder/

|| Recommended Watch
▶️ Elementor Layout Playlist:  https://youtube.com/playlist?list=PLoPWQUu7kPhQlw_JThAQu8PAYZwHZbDP7&si=48kHaqukKrFohoL7

▶️ Ooohboi's Vodeo: https://youtu.be/WfOLii0lI-8?si=GsBjTgW04KR4zrea
▶️ Named Grid Lines by Kevin Powell: https://www.youtube.com/watch?v=cf-J4ffMBfo&t=47s

Subscribe for more Elementor and Bricks tutorials: 
🔗 https://davedens.link/subscribe

► Support my channel ◄ 
Buy me kofi - https://davedens.link/kofi
Donate on PayPal - https://davedens.link/paypal

► Connect with me: ◄ 
📺 Subscribe: https://www.youtube.com/@daveden2
👍 Facebook: https://www.facebook.com/daveden2
🐦 X (formerly Twitter): https://x.com/Daveden2
🌐 Website: https://daveden.co.uk/

► Recommended Tools (Affiliate Links - Support the Channel!) ◄
🔗 Elementor Pro - https://davedens.link/elementor
🔗 Dynamic Shortcodes - https://davedens.link/dsh
🔗 Crocoblock JetEngine - https://davedens.link/jetengine
🔗 Bricksbuilder - https://davedens.link/bricks
🔗 WDesignKit - https://davedens.link/wdkit
🔗 Epidemic Sounds - https://davedens.link/sounds
🔗 Hostinger: https://davedens.link/hosting

⏱️ Timestamp
00:00 - Intro
01:08 - The Elements Setup
01:30 - Adding BEM Class Names
02:18 - Box Model CSS
03:05 - Grid Layout Properties
03:51 - Grid Template Columns Setup
11:34 - Grid Column for Child Containers
13:37 - Style the child elements
15:17 - Test Mobile Responsiveness
16:08 - Final Test
17:07 - Outro

#splitgrid #bricks #bricksbuilder 

🚨 Disclaimer:
Please note that some of the links in this description are affiliate links. If you choose to purchase a product or service through these links, I may receive a small commission at no extra cost to you. Your support enables me to continue delivering free content to you each week!

🎵 Soundtrack:
"Life is a Dream" by Michael Ramir C. 🎶