Even word spacing in the homepage quotes #41

Merged

iec-admin merged 1 commit from claw/quotes-even-spacing-3c8e into main

2026-10-13 05:59:11 +00:00

iec-admin commented

2026-10-13 05:59:07 +00:00

Contributor

Follow-up to #37.

What changed

.bb-quote blockquote sets text-align: left instead of justify. The two homepage quotes stay side by side, with no hyphens; only the stretched word spacing goes.

This reverses the "justify the quotes" part of #35 for the homepage quotes. The About page quote is unchanged.

Walkthrough

Story: as a site visitor, the homepage quotes read smoothly, with no stretched gaps between words.

Driven in a browser (Playwright) against npm run dev on this branch, 2026-10-12, at 1440px, with the production quote and card text set into the page:

Block	Live today	This branch
Ross Ballantyne quote	justify, widest gap 41px	left, 4px
Richard Spragg quote	justify, widest gap 15px	left, 4px
Three cards (already fixed in #40)	left, 4px	left, 4px

All five compute hyphens: none. The quotes screenshot shows two columns, photo beside each quote, even spacing, closing quote mark after the last word.

Reference: no reference system applies; the site owner asked for these blocks to read like the wide opening paragraphs, with no extra spacing.

QA Execution

2026-10-12, local: npx tsc --noEmit exit 0; npm run build exit 0; the browser run above.

Not done in this PR

The client asked on 5 October for justified quotes; this goes back on that for the homepage quotes, at the site owner's direction.
The About page quote is still justified. It sits on one line at desktop width, so it shows no gaps there.
Other narrow justified text elsewhere on the site was not reviewed.

🤖 Generated with Claude Code

Follow-up to #37. ## What changed `.bb-quote blockquote` sets `text-align: left` instead of `justify`. The two homepage quotes stay side by side, with no hyphens; only the stretched word spacing goes. This reverses the "justify the quotes" part of #35 for the homepage quotes. The About page quote is unchanged. ## Walkthrough Story: as a site visitor, the homepage quotes read smoothly, with no stretched gaps between words. Driven in a browser (Playwright) against `npm run dev` on this branch, 2026-10-12, at 1440px, with the production quote and card text set into the page: | Block | Live today | This branch | |---|---|---| | Ross Ballantyne quote | justify, widest gap 41px | left, 4px | | Richard Spragg quote | justify, widest gap 15px | left, 4px | | Three cards (already fixed in #40) | left, 4px | left, 4px | All five compute `hyphens: none`. The quotes screenshot shows two columns, photo beside each quote, even spacing, closing quote mark after the last word. Reference: no reference system applies; the site owner asked for these blocks to read like the wide opening paragraphs, with no extra spacing. ## QA Execution 2026-10-12, local: `npx tsc --noEmit` exit 0; `npm run build` exit 0; the browser run above. ## Not done in this PR - The client asked on 5 October for justified quotes; this goes back on that for the homepage quotes, at the site owner's direction. - The About page quote is still justified. It sits on one line at desktop width, so it shows no gaps there. - Other narrow justified text elsewhere on the site was not reviewed. 🤖 Generated with [Claude Code](https://claude.com/claude-code)

iec-admin added 1 commit

2026-10-13 05:59:07 +00:00

fix: even word spacing in the homepage quotes (#37 ) 5ea3518acc

Justified with no hyphens in a 344px column, the quotes opened gaps of
about 41px between words. They now set ragged-right with even spacing,
like the three cards above them. Still no hyphens.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>