プログラミング

【レスポンシブ】flexで横並びにしたレイアウトを解除して1カラムにする方法

スポンサーリンク

解錠

今回は、レスポンシブデザインのコーディングにおいて、flexを解除する方法です。

PCサイズでflexを使用してブロック要素を横並びにした。
でも、レスポンシブでスマホサイズ作成時、flexを解除して1カラムにしたい、
というケースがあります。

その解決方法です。

解決コード

とっても簡単です。

display:flex;

display:block;
にするだけです。

※メディアクエリ(@media~)のコードは省略しております。

さらに詳しく知りたい方はこちらもどうぞ。
flexのいろいろな解除方法

flex関連の記事も紹介しておきます!



スポンサーリンク

-プログラミング
-, , , , ,

© 2022 サカらいふ Powered by AFFINGER5