レスポンシブデザインとは、表示中の画面に合わせてウェブサイトのレイアウトを変えることです。狭い部屋では小さくたたみ、広い空間があれば広げられる家具のようなものです。

たとえば、三枚のカードが並ぶ行をスマートフォンでは一列にできます。どちらのサイズでも、文字や画像、操作部品を読みやすく使いやすく保ちましょう。

目的はすべての画面を同じ見た目にすることではありません。拡大表示した場合も含め、異なる画面で同じ内容を快適に使えるようにすることです。