amypellegrini / amypellegrini/wordlinks

feat: add responsive grid layout for mobile

未關閉
#3 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
主要語言
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 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。