YouTube レスポンシブに動画を埋め込む方法

YouTube の埋め込みタグは、タテヨコのサイズが html 指定。そのためサイトデザインと合わず、大きすぎたり小さすぎたりする。そこでスタイルシートでレスポンシブ対応。まずは、デモ動画。

Flexboxで レスポンシブ デザインな サイトにする方法

横幅のないスマホでは、本文の下にナビがある1カラム。PCでは、本文の横にナビがある2カラムにしたい。そんな時は、本文とナビをフレックスボックスコンテナで囲む。まずはデモ動画を