レスポンシブWebデザインをオンラインでテストする方法

手順

1. HTMLエディターに構造を、CSSエディターに基本スタイルとメディアクエリを入力します。
2. デスクトップ、タブレット、モバイルのプレビューを順番に切り替えます。
3. 切れた内容、横スクロール、重なりがないか確認してCSSを修正します。