パソコンの幅
操作できる見本です。ボタンや入力欄を実際に動かせます。

あわせて引く

レスポンシブ / ブレークポイント

Responsive

ふだんの言い方スマホ対応画面幅折り返し

画面の幅に合わせて、カラムや並び方を切り替える設計。

見分けるポイント

  • 画面幅に応じて構成を変える
  • 切り替える幅がブレークポイント
  • 小さな画面でも操作できる大きさに

AIへの伝え方

変更する場所:ページのカラム構成。 レスポンシブ対応して。768pxをブレークポイントに、3カラムのグリッドをスマホでは1カラムに畳んで。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「ページの組み立て」の言葉

上から下へ、ページを形づくるまとまり。

207語すべてを、見た目から引く