A screenshot of the checklist with one item checked
https://cdn.masto.host/frontendsocial/media_attachments/files/111/772/279/306/470/828/original/2f7c965e9b6a7dcc.png
My first attempt dabbling with CSS subgrid (did you know it’s now supported across the board?? 🤯):
Using arbitrary elements as list markers, with a checklist example where the markers are checkboxes! (+ :has() for different styling when elements are done)
https://codepen.io/leaverou/pen/LYaWNGg
Thanks @fantasai for helping me fix my original attempt, when I still had an inaccurate mental model of how subgrid works.
GNU social JP is a social network, courtesy of GNU social JP管理人. It runs on GNU social, version 2.0.2-dev, available under the GNU Affero General Public License.
All GNU social JP content and data are available under the Creative Commons Attribution 3.0 license.