Skip to content

Header: fit the tabs on one line - #11

Merged
fbarez merged 1 commit into
mainfrom
style/header-fit
Nov 6, 2026
Merged

fbarez merged 1 commit into
mainfrom
style/header-fit

Conversation

@fbarez

@fbarez fbarez commented Nov 6, 2026

Copy link
Copy Markdown

With Fragment Mono the site title took ~620px, so the tabs wrapped onto a second row and "Safety & open problems" broke across lines.

  • Title: .9rem with the header letter-spacing (−0.05em), and for AI Safety on a second line. Width ~335px instead of ~620px.
  • Tab labels don't break mid-label.

Measured in headless Chromium against the live site with these styles: the tabs fit on one line at 1280, 1366 and 1440px. Between 980 and 1280px they still wrap to two rows; below 980px the menu button takes over as before.

npm run build and npm test pass (33/33).

🤖 Generated with Claude Code

With Fragment Mono the site title was ~620px wide and the tabs wrapped onto a second row. The title is now .9rem with the header letter-spacing, and 'for AI Safety' sits on a second line (~335px). Tab labels no longer break mid-label ('Safety & open problems'). Measured in Chromium: tabs fit on one line from 1280px wide.
@fbarez
fbarez merged commit 8032245 into main Nov 6, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant