Things to consider adding after Gridsome redesign is launched: - [x] [BLM badge](https://blmbadge.com) - [x] [Updated Text Decoration Control](https://www.smashingmagazine.com/2021/02/things-you-can-do-with-css-today/) - [ ] [`ch` and `ex` for font size](https://www.smashingmagazine.com/2021/02/things-you-can-do-with-css-today/) - [ ] [Use `clamp` to size major site wrappers](https://piccalil.li/quick-tip/use-css-clamp-to-create-a-more-flexible-wrapper-utility) - [ ] [Apply `will-change: transform;` to things that will animate](https://www.joshwcomeau.com/animation/css-transitions/) - [ ] [Wrap anything that will animate outside a `@media (prefers-reduced-motion: reduce) {}` tag](https://www.joshwcomeau.com/animation/css-transitions/) or use [this trick from Stephanie Eckles](https://moderncss.dev/modern-css-upgrades-to-improve-accessibility/#reducing-motion) - [ ] [Pancake Stack](https://codepen.io/una/pen/bGVXPWB) for main layout - [x] Make [current nav page more accessible](https://www.callumhart.com/blog/an-accessible-current-page-navigation-state/) - [x] [Update to Tailwind 2.1](https://blog.tailwindcss.com/tailwindcss-2-1) - [ ] [Modern `<head>` stuff](https://www.matuzo.at/blog/html-boilerplate/) (break it out into tasks) - [ ] [Thorough favicon coverage](https://css-tricks.com/how-to-favicon-in-2021/) - [ ] [A picture element to load correctly resized webp images in HTML](https://www.stefanjudis.com/snippets/a-picture-element-to-load-correctly-resized-webp-images-in-html/) 🤔 - [ ] [Modern CSS reset](https://piccalil.li/blog/a-modern-css-reset/) - Do this if I rip out Tailwind
Things to consider adding after Gridsome redesign is launched:
chandexfor font sizeclampto size major site wrapperswill-change: transform;to things that will animate@media (prefers-reduced-motion: reduce) {}tag or use this trick from Stephanie Eckles<head>stuff (break it out into tasks)