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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions