レスポンシブWebデザインコーディング術

2-3. カラムの配置が変わるレイアウトの実装
- HTML・CSS
- デザインの考え方
- Webデザイン
今回はレスポンシブデザインの種類で紹介した"カラムの配置が変わるレイアウトの実装"の実装をしていきます。PCでは画像とテキストが横並びになっていて、スマホでは縦並びになるレイアウトです。
公開日:2019/07/24最終更新日:2019/07/24
理解度チェック
前のレッスン
レスポンシブWebデザインコーディング術
1. レスポンシブデザインの概要
2. レスポンシブデザインを実装してみる
- 2-1. メディアクエリによる表示の切り替え
- 2-2. 要素の位置や大きさを変えるレイアウトの実装
- 2-3. カラムの配置が変わるレイアウトの実装
- 2-4. フレックスボックスの実装
- 2-5. グリッドレイアウトの実装