martin/ballantyne-www
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Homepage quotes: wide word gaps and clipped letters after justifying #37

New issue
Closed
opened 2026-10-13 05:48:20 +00:00 by iec-admin · 0 comments
iec-admin commented 2026-10-13 05:48:20 +00:00
Contributor
Copy link

As a site visitor, I need the two homepage quotes to read evenly so that they do not look broken.

After #35 the quotes are justified with no hyphens, as the client asked. Side by side, each quote has a 344px column, so long words leave the spaces as the only slack: the widest word gap is about 41px ("alongside outstanding client-focused"). The last italic letter of some lines ("belief", "will") is also cropped at the right edge.

  • The two quotes sit one above the other, each using the full row.
  • The quotes stay justified, with no hyphens.
  • The widest word gap at desktop widths is under 12px.
  • The last letter of a line is not cropped.

Out of scope: the three small "People / Technology / Insurance" cards, which show the same stretching in a milder form.

As a site visitor, I need the two homepage quotes to read evenly so that they do not look broken. After #35 the quotes are justified with no hyphens, as the client asked. Side by side, each quote has a 344px column, so long words leave the spaces as the only slack: the widest word gap is about 41px ("alongside outstanding client-focused"). The last italic letter of some lines ("belief", "will") is also cropped at the right edge. - [ ] The two quotes sit one above the other, each using the full row. - [ ] The quotes stay justified, with no hyphens. - [ ] The widest word gap at desktop widths is under 12px. - [ ] The last letter of a line is not cropped. Out of scope: the three small "People / Technology / Insurance" cards, which show the same stretching in a milder form.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
claw/our-people-page-3c9e
claw/timeline-no-clamp-7a3e
claw/quote-grey-4b7d
claw/quote-size-match-6e2b
claw/quotes-even-spacing-3c8e
claw/pillar-text-even-8a4d
claw/quotes-side-by-side-5f1c
claw/quote-spacing-2d7c
claw/client-points-oct5-9b3e
claw/event-dates-uk-6a1f
claw/session-secret-required
claw/site-admins-allowlist
claw/news-hero-photo-3f9a
claw/contact-form-first-8d2a
claw/legal-pages-admin-5c3a
claw/products-banners-a91c
claw/admin-uploads-products-d3f7
claw/upload-10mb-a4f1
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
martin/ballantyne-www#37
No description provided.