Skip to content

fix(web): adjust product title#2073

Merged
dgdavid merged 1 commit intomasterfrom
fix-title-width
Feb 25, 2025
Merged

fix(web): adjust product title#2073
dgdavid merged 1 commit intomasterfrom
fix-title-width

Conversation

@dgdavid
Copy link
Contributor

@dgdavid dgdavid commented Feb 25, 2025

It uses the CSS clamp() function to set the font size, allowing it to adjust fluidly based on the viewport size. This is a workaround that requires further testing and refinement. It should also be applied to the other headings.

Screenshots

Width Before After
1024 Screen Shot 2025-02-25 at 13 41 40 Screen Shot 2025-02-25 at 13 41 46
1280 Screen Shot 2025-02-25 at 13 40 48 Screen Shot 2025-02-25 at 13 40 56
1600 Screen Shot 2025-02-25 at 13 41 30 Screen Shot 2025-02-25 at 13 41 24

It uses CSS clamp function for setting the font-size, which helps to
deal with a fluid size depending on the viewport size.

It's a workaround that needs to be better tested and improved apart of
used for the rest of headings too.
Copy link
Contributor

@ancorgs ancorgs left a comment

Choose a reason for hiding this comment

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

LGTM

@dgdavid dgdavid merged commit a56f1e1 into master Feb 25, 2025
6 checks passed
@dgdavid dgdavid deleted the fix-title-width branch February 25, 2025 13:49
@imobachgs imobachgs mentioned this pull request Feb 26, 2025
imobachgs added a commit that referenced this pull request Feb 26, 2025
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