fix(homepage): increase skill card abacus container width

Remove overflow:hidden and increase the abacus container width from
75px to responsive widths (95px mobile, 110px desktop) to properly
accommodate the abacus visualizations without clipping.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-10-20 19:22:18 -05:00
parent 556a0eb194
commit e65e96952f
1 changed files with 1 additions and 2 deletions

View File

@ -256,7 +256,6 @@ export default function HomePage() {
: '0 4px 12px rgba(0, 0, 0, 0.3)',
transition: 'all 0.2s',
cursor: 'pointer',
overflow: 'hidden',
_hover: {
bg: isSelected
? 'linear-gradient(135deg, rgba(250, 204, 21, 0.2), rgba(250, 204, 21, 0.12))'
@ -275,7 +274,7 @@ export default function HomePage() {
<div
className={css({
fontSize: '3xl',
width: '75px',
width: { base: '95px', lg: '110px' },
minHeight: { base: '115px', lg: '140px' },
display: 'flex',
alignItems: 'center',