5/ What’s next?

We’re bringing CSS Subgrid support to the next major update of the @advancedcolumns.com #WordPress plugin.

You’ll also get even more controls over individual item dimensions—making it easier than ever to build precise, beautiful layouts.

👇

4/ How does CSS Subgrid work?

Subgrid can propagate rows, columns, or both.

This opens the door to much more advanced layout solutions, all while keeping your CSS cleaner and simpler.

I highly recommend @ishadeed.com guide: https://buff.ly/3wMy61j

As always, it explains the concept brilliantly.

3/ What is CSS Subgrid?
Subgrid is a grid propagation method that allows a child element (e.g., a single column) to inherit the grid structure of its parent.

In our example, Subgrid enables you to share the same alignment across all elements in every column—without messy workarounds.

2/ What’s the challenge here?

You want all elements across the columns to align perfectly—but the nested elements inside each column don’t inherit the parent grid’s structure.

That’s where CSS Subgrid comes in.

Why I think you need CSS Subgrid, even if you don’t know it yet. 🙃

Take one of the most common layouts you’ll find on almost every website:
A simple 2 (or more) column card layout, with 3 elements in each column.

🧵

It might be a niche feature, but I use this approach a lot in my designs, so we’ve implemented a golden grid builder inside the new Advanced Columns 1.4.0—because, why not? 🤓 #WordPress

Hello 🦋 #WordPress friends! 👋
Sharing some news about the upcoming 1.4 update for the Advanced Columns plugin! There are many new features, but the biggest one is likely full responsive Flexbox support in each individual column, along with responsive attributes for third-party blocks! 👀