Skip to content

fix: implement dynamic scaling of hero section text#79

Merged
BIJJUDAMA merged 1 commit into
mainfrom
develop
May 15, 2026
Merged

fix: implement dynamic scaling of hero section text#79
BIJJUDAMA merged 1 commit into
mainfrom
develop

Conversation

@BIJJUDAMA
Copy link
Copy Markdown
Collaborator

No description provided.

Copilot AI review requested due to automatic review settings May 15, 2026 17:16
@BIJJUDAMA BIJJUDAMA merged commit d8e898e into main May 15, 2026
6 checks passed
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adjusts the hero heading presentation by making the shared glitch text render as an inline-block and switching the landing header title to a viewport-based clamp size.

Changes:

  • Updated GlitchText styling to use slower, em-based glitch offsets and inline-block layout.
  • Removed the previous hidden spacer/absolute overlay structure from GlitchText.
  • Adjusted landing header spacing and hero title font sizing.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
src/components/shared/GlitchText.tsx Updates glitch animation styles and rendering structure.
src/components/landing/Header.tsx Applies dynamic clamp-based sizing and spacing changes to the hero section.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +114 to +123
{!typingComplete ? (
<span className="glitch-main">
{displayText}
<span className="animate-pulse">|</span>
</span>
) : (
<span className="glitch-wrapper" data-text={text}>
<span className="glitch-main">{text}</span>
</span>
)}
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.

2 participants