amypellegrini / amypellegrini/wordlinks
feat: add responsive grid layout for mobile
未關閉
- 主要語言
- TypeScript
- 星號
- 0
- 分支
- 1
- PR 合併指標
- 30 天內沒有已合併 PR
描述
## Problem
The word grid always uses 4 columns (`grid-template-columns: repeat(4, 1fr)`), making buttons too small to tap on mobile devices.
## File
`src/components/WordsGrid.vue` (lines 99-101)
## Impact
Poor mobile experience, accessibility concerns for touch targets.
## Solution
Add responsive breakpoints:
```css
@media (max-width: 600px) {
.words-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 601px) and (max-width: 900px) {
.words-grid {
grid-template-columns: repeat(3, 1fr);
}
}
```
## Priority
High - Quick win (~15 minutes)
貢獻指南
這個儲存庫沒有索引到貢獻指南
評估
這個 Issue 還沒有評估資料。