Barely getting started

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.
+
+<p class="ciu_embed" data-feature="css-subgrid" data-periods="future_1,current,past_1,past_2" data-accessible-colours="false">
+<picture>
+<source type="image/webp" srcset="https://caniuse.bitsofco.de/image/css-subgrid.webp">
+<source type="image/png" srcset="https://caniuse.bitsofco.de/image/css-subgrid.png"> 
+<img src="https://caniuse.bitsofco.de/image/css-subgrid.jpg" alt="Data on support for the css-subgrid feature across the major browsers from caniuse.com">
+</picture>
+</p>
+<script src="https://cdn.jsdelivr.net/gh/ireade/caniuse-embed/public/caniuse-embed.min.js"></script>
+
+[caniuse-subgrid]: https://caniuse.com/?search=subgrid