Describe the bug
When hovering over the project category boxes (e.g., Static Websites, Games, etc.), the background text becomes oversized and distorted, making the UI unreadable.
To Reproduce
Steps to reproduce the behavior:
1.Go to the homepage.
2.Hover over any category card (e.g., Static Websites).
3.Notice that the text zooms in excessively and overlaps.
Expected behavior
The hover effect should highlight the card (e.g., with a shadow, border, or slight zoom) without making the text oversized or unreadable
Screenshots
Desktop (please complete the following information):
- OS: [e.g. iOS]
- Browser [e.g. chrome, safari]
- Version [e.g. 22]
Smartphone (please complete the following information):
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version [e.g. 22]
Additional context
I tested this on Google Chrome.
The issue happens consistently when hovering over any project category card.
It looks like the hover effect is applied to the text itself instead of just the card container
Describe the bug
When hovering over the project category boxes (e.g., Static Websites, Games, etc.), the background text becomes oversized and distorted, making the UI unreadable.
To Reproduce
Steps to reproduce the behavior:
1.Go to the homepage.
2.Hover over any category card (e.g., Static Websites).
3.Notice that the text zooms in excessively and overlaps.
Expected behavior
The hover effect should highlight the card (e.g., with a shadow, border, or slight zoom) without making the text oversized or unreadable
Screenshots
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context
I tested this on Google Chrome.
The issue happens consistently when hovering over any project category card.
It looks like the hover effect is applied to the text itself instead of just the card container