erynwells.me/content/blog/2023/the-grid/index.md

1.8 KiB

title date draft resources
The Grid 2023-11-19T07:56:44-08:00 true
name src params
old-blog-list old-blog-list.png
alt
A screenshot of the old blog list on Erynwells.me.

Over the last several months, in the gaps between work and life beyond the computer, I've been working on a fairly massive rebuild of Erynwells.me. It started out as dissatification with how the blog list looked, and spooled out into a whole 'other project entirely.

{{< img name=old-blog-list >}}

When I built that page, I really wanted CSS Subgrid to be a thing. I wanted to build a single grid that aligned the month, day, and title columns of that layout in a way that would adapt to changing text sizes and lengths. Subgrid was the ticket, but it was unfortunately a little while out yet.

The Grid System

Fast forward a year, and caniuse.com tells a different story. As of November 2023, all the major browsers have shipped implementations of Subgrid, and 80% of users have upgraded to a version that supports it. That feels like a pretty good place to start adopting it in my tiny corner of the internet.

Data on support for the css-subgrid feature across the major browsers from caniuse.com