Conquering this epic blog post layout with CSS Grid!
While CSS Grid isn't native to GenerateBlocks yet, it's being adapted by most builders out there — so I can only imagine it's a matter of time.
And I, for one, sure hope so.
CSS Grid does take a bit to wrap your mind around, but once you do, you quickly realize all of the advantages it offers over Flexbox (not as a replacement — but as a great companion).
To illustrate this, I'm going to create a really neat blog post layout where the image (and its caption!) breaks out of the container using CSS Grid.
While doable in Flexbox, it's nowhere near as simple! CSS Grid was made for things like this! 💪
If you want to learn more about the ins and outs of CSS Grid, here are a few videos I'd recommend:
Getting Started with CSS Grid by @KevinPowell: • Get started with grid WITHOUT being overwh...
The Easiest Way to Get Started with CSS Grid by @KevinPowell: • The EASIEST way to get started with CSS GRID
Learn CSS Grid in 20 minutes by @WebDevSimplified: • Learn CSS Grid in 20 Minutes
Creating Common Page Layouts With CSS Grid by @Gearyco: • PB101: L09 - Creating Common Page Layouts ...
👏 COMMUNITY
Join our free community: https://theadminbar.com/group/
(voted best WordPress community!):
🔴 EVENTS
See past and upcoming live interviews & workshops: https://theadminbar.com/events/
🎁 PRODUCTS
Sell more care plans with The Website Owner's Manual: https://theadminbar.com/products/wom/
Write proposals in less than 15 minutes with this template: https://theadminbar.com/products/easy...
Fill your prospect pipeline in this 3-week challenge: https://theadminbar.com/products/pros...
5 Airtable templates I use to run my agency: https://theadminbar.com/products/agen...
📨 NEWSLETTER
Stay up-to-date with the best from in and around The Admin Bar: https://theadminbar.com/friday-chaser/
🤖 MISC
Visit our website: https://theadminbar.com
Product endorsements: https://theadminbar.com/products/#end...
Kyle on Twitter: / kylevandeusen