Summary
The file frontend/src/index.css contains the entire stylesheet repeated three times (~533 lines total when it should be ~170 lines):
- Copy 1: Lines 1–168
- Copy 2: Lines 169–342
- Copy 3: Lines 343–533
This more than triples the CSS bundle size for zero benefit.
Conflicting .hover-lift Definitions
The .hover-lift utility class is defined differently in each copy:
Copy 1 (line 136–142): translateY(-2px) with basic transition
Copy 2 (line 304–315): translateY(-6px) scale(1.015) with opacity
Copy 3 (line 489–500): same as Copy 2
Proposed Fix
- Remove duplicate copies (lines 1–342)
- Keep only the third copy
- Verify
.hover-lift behavior is consistent
Labels: bug, frontend, good first issue
Summary
The file
frontend/src/index.csscontains the entire stylesheet repeated three times (~533 lines total when it should be ~170 lines):This more than triples the CSS bundle size for zero benefit.
Conflicting
.hover-liftDefinitionsThe
.hover-liftutility class is defined differently in each copy:Copy 1 (line 136–142):
translateY(-2px)with basic transitionCopy 2 (line 304–315):
translateY(-6px) scale(1.015)with opacityCopy 3 (line 489–500): same as Copy 2
Proposed Fix
.hover-liftbehavior is consistentLabels: bug, frontend, good first issue