center all panel titles on phones

This commit is contained in:
Martin Dvořák 2026-09-30 13:50:18 +00:00
commit 9dcc7da133
2 changed files with 9 additions and 1 deletions

View file

@ -186,7 +186,9 @@ Themes: `web` = default frosted-glass website (sidebar + content, light/dark),
them (their CSS is gone too). On phones (`max-width: 640px`) the hero is
centered instead — heading, the `.web-lead` block (`margin-inline: auto`, not
just `text-align`) and the `.social-button` labels — and the gym tile's
`.web-tile-note` is centered. Desktop keeps the left-aligned hero.
`.web-tile-note` is centered. Every other panel title is centered too:
`.web-section-head` (the eyebrow + `.web-section-title`) and `.web-tile-title`
("Right now" / "Gym PRs"). Desktop keeps the left-aligned headings.
- Under `max-width: 640px` the year-grid heatmap (`.heatmap-container`) and its
legend/hover row (`.heatmap-status-row`) are `display: none` — the grid is
unreadable at phone widths. The contribution total and the commit history