🔥 ①設計 → ②画面確認 → ③Tailwind調整 → ④再確認

このサイクルでやる。

🧠 ステップ①：まず“設計”する

いきなり class を触らない。

まず考える。

自問すること：

• モバイルで何カラムにする？
• ボタンは横並び？縦並び？
• フォントはどのサイズまで小さくする？
• 横スクロールは発生していない？

例：

スマホ → 1カラム
タブレット → 2カラム
PC → 3カラム

これを先に決める。

👀 ステップ②：DevToolsで確認

Chromeで：

⌘ + Shift + M

でモバイル表示にする。

見るポイント：