Content tagged with "web-design"
Wanted to open details on desktop and close on mobile. The open attribute is an HTML attribute, not a CSS property, so media queries don't work. useEffect with window.innerWidth is the solution.
No utility class exists between text-sm (14px) and text-base (16px). Use text-[0.9375rem] for 15px or any size in between via arbitrary values.
Tag/category detail pages had no way to navigate back to the index page. Fixed by adding an i18n dictionary key and placing a Link before the header.
A Now page shows what you're currently focused on, unlike a static About page. Adding lastUpdated frontmatter with Intl.DateTimeFormat gives locale-aware date display for free.
Separate from About and Uses, a Colophon page documents how the site itself is built — tech stack, design principles, and tooling