Skip to content

Add text-wrap: balance to headings for even line lengths #57

Description

@projectamazonph

Problem

The landing page headings (h1, h2, h3) use default wrapping, which can produce uneven line lengths when the heading spans multiple lines. This creates a ragged visual rhythm.

Fix

Add to src/styles/globals.css alongside the existing heading rules:

h1, h2, h3 {
  text-wrap: balance;
}

This is a single CSS addition. text-wrap: balance is supported in all modern browsers and degrades gracefully (ignored in older browsers).

Impact

  • More even line lengths on multi-line headings
  • Better visual rhythm on landing page sections
  • No functional change, purely typographic polish

Severity: Nit — trivial polish fix

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions