Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix homepage text overlap on certain screen sizes #290

Merged
merged 1 commit into from
Aug 12, 2024

Conversation

brookslybrand
Copy link
Contributor

@brookslybrand brookslybrand commented Aug 8, 2024

Fixes #286

Test the fix on the staging site

As pointed out in the issue, on certain screen resolutions we have some text overlap. I had to crank my resolution down to 1504 x 846 and adjust the height of the window a bit to replicate the experience

a-fix.mov

From what I can tell, switching a few heights to min-heights seems to fix it without affecting the experience for any other sites.

Would love additional spot checks before merging

Copy link
Contributor

@brophdawg11 brophdawg11 left a comment

Choose a reason for hiding this comment

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

Looks good to me on staging! I recreated the overlap on prod and then loaded the staging site in the same window and couldn't find any overlaps 👍

@brookslybrand
Copy link
Contributor Author

Thanks @brophdawg11 for reviewing! I'll merge on Monday to avoid someone noticing an regression/new visual bug over the weekend

@brookslybrand brookslybrand merged commit 6983b03 into main Aug 12, 2024
4 checks passed
@brookslybrand brookslybrand deleted the brooks/homepage-text-overlap branch August 12, 2024 13:58
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.

Fonts/words are laying on top of each other on the home page
2 participants