Skip to content

feat(LandingHero): add tabular-nums to title and subtitle for numeric alignment - #896

Open
waterWang wants to merge 1 commit into
Creditra:mainfrom
waterWang:fix/landinghero-tabular-nums-836
Open

feat(LandingHero): add tabular-nums to title and subtitle for numeric alignment#896
waterWang wants to merge 1 commit into
Creditra:mainfrom
waterWang:fix/landinghero-tabular-nums-836

Conversation

@waterWang

Copy link
Copy Markdown

Summary

Adds font-variant-numeric: tabular-nums to the LandingHero title and subtitle elements so that any numeric digits align vertically, preventing digit-width wobble when the displayed content changes.

Changes

  • LandingHero.tsx: Added tabular-nums class to both landing-hero__title and landing-hero__subtitle elements
  • LandingHero.test.tsx: Added test verifying both elements have the tabular-nums class

Closes #836

… alignment

Apply font-variant-numeric: tabular-nums to the LandingHero title and
subtitle elements so that any numeric digits align vertically, preventing
digit-width wobble when the displayed content changes.

Closes Creditra#836
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.

Add tabular-nums to numeric displays on LandingHero [b#023]

1 participant