style: 草の表示をレスポンシブ対応

[namidapoo]

issue

none

変更内容

• 草の表示のレスポンシブ対応

確認したこと

• PCのUI
• スマホのUI

スクリーンショット

PC

before	after

スマホ

before	after

補足事項

PR 時のセルフチェック

• 関数や変数の命名は一目で分かるものになってますか？
• コメントは適切な量で、誰が見ても分かるコメントになってますか？
• PR 内容に関するテストは書きましたか？
• Issue の完了の定義は満たせていますか？

[github-actions]

TODOコメントは見つかりませんでした。

Copilot reviewed 2 out of 2 changed files in this pull request and generated no comments.

Comments suppressed due to low confidence (2)

app/recap/github-grass.tsx:40

• The removal of 'justify-end' class might affect the alignment of the ActivityLevelIndicator component. Please verify if this change is intended.

<div className="flex gap-1 items-center text-sm">

app/recap/github-grass.tsx:12

• Ensure that the new responsive design behavior introduced by the 'overflow-x-auto' class is covered by tests.

<div className="flex justify-center overflow-x-auto gap-1">

[github-actions]

Deploying dev-recap with    Cloudflare Pages

Latest commit:	1224435
Status:	✅  Deploy successful!
Preview URL:	https://8522f98f.dev-recap.pages.dev
Branch Preview URL:	https://style-grass-ui.dev-recap.pages.dev

View logs

[namidapoo]

@github-actions approve me