diff --git a/content/blog/2023/the-grid/index.md b/content/blog/2023/the-grid/index.md new file mode 100644 index 0000000..a8679e6 --- /dev/null +++ b/content/blog/2023/the-grid/index.md @@ -0,0 +1,43 @@ +--- +title: "The Grid" +date: 2023-11-19T07:56:44-08:00 +draft: true +resources: + - name: old-blog-list + src: old-blog-list.png + params: + 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][caniuse-subgrid]. +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 + +

+ + +[caniuse-subgrid]: https://caniuse.com/?search=subgrid diff --git a/content/blog/2023/the-grid/old-blog-list.png b/content/blog/2023/the-grid/old-blog-list.png new file mode 100644 index 0000000..2595c24 Binary files /dev/null and b/content/blog/2023/the-grid/old-blog-list.png differ