Skip to content

Conversation

@zubairehmad
Copy link
Collaborator

Issue: naveedshahzad/videoapp_issues#68

Problem Root Cause:

  • The LayoutBody component scaled down the Video component and the title div.
  • For this reason the fontsize of 1rem applied by the useResizeFont hook was also scaled down by 0.1667 making it appear as 2.56px (0.1667 × 16) text which is very hard to see.

Current Fix:

  • Custom breakpoints are provided to useResizeFont hook to ensure the text looks big enough when scaled down.

Other Possible Fixes (Opinion):

  • Instead of hardcoding title's font size, we can provide a slider to adjust font size.
  • The color of title text can be made changeable to ensure it can be seen on light/white backgrounds.

NOTE: The custom breakpoints that I used can be adjusted further based on testing and/or feedback.

@vercel
Copy link

vercel bot commented Jul 14, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Project Deployment Preview Comments Updated (UTC)
webapps Ready Preview Comment Aug 12, 2025 2:39pm

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