webサイト構築関連のにわか知識集Aboutniwaka-webwebサイト構築関連のにわか知識集About【CSS】画像とテキストをレスポンシブでPCで左右交互にスマホで上下にレイアウト【メモ】2018/12/05-CSScss今回の記事は、前回の記事の続きになります。レスポンシブサイトでよく見かける画像とテキストを左右交互に、スマホで上下に配置してくレイアウトをflexboxを利用して実装する方法の個人的メモ。...【CSS】flexboxで画像とテキストを横並び、縦並びにレイアウト【メモ】2018/12/05-CSScssレスポンシブサイトでよく見かける画像とテキストを左右交互に、スマホで上下に配置してくレイアウトをflexboxを利用して実装する方法の個人的メモ。Awesomeのバージョン5がいつの間にかリリースされていたので使い方を自分の備忘録として書き留めておきます。cssBootstrap4のグリッドレイアウトの説明は長いので並べ替えも別ページに。Bootsatrap4からはFlexboxを利用した列の順序変更が出来るようになりました。cssBootstrap4のグリッドレイアウトの説明は長いので配置も別ページに。Bootsatrap4からはFlexbox配置ユーティリティを使用して、縦と横の列を整列させることができるようになりました。cssBootstrap4のグリッドレイアウトの説明は長いので列の自動レイアウトは別ページに。Bootsatrap4からはグリッドシステムにcss3のflexboxが利用されるようになりました。CSScss今一番利用されているCSSフレームワークBootstrap。自分でも何度か利用しましたが他の方のコーディングしたものでもベースにBootstrapを利用しているのを良く見かけます。