コーディングflexboxで横並びにしたコンテンツの中の最後の要素（ボタン等）は下揃えにする方法
flexboxで横並びにしたカードのボタンなどを下揃えにする方法を紹介します。本文量が異なるコンテンツでも、最後の要素の位置を揃えるCSSを解説します。
タグ: flexbox
コーディング
コーディング【初心者でもわかる】flexboxで縮めたくない要素には「flex-shrink」を使え
flexboxで要素が意図せず縮むときに使うflex-shrinkを解説します。サイズを保ちたい要素への指定を、サンプルコードで紹介します。
コーディング【初心者向け】CSSだけで幅を自動調整できる、横並びナビゲーションメニューの作り方
項目の幅を自動調整する横並びのナビゲーションを紹介します。CSSによる配置とグリッドを使う例を通して、幅を個別指定せずに並べる方法を解説します。
コーディング【初心者でもわかる】CSSだけで要素の順番をPCとスマホで入れ変える方法（レスポンシブ対応）
CSSで要素の表示順をPCとスマホで切り替える方法を解説します。レスポンシブな配置例を通して、HTMLを複製せずに並び方を変える方法を紹介します。
コーディング【初心者でも分かる】定義リスト（dl）を使って、tableみたいな表組みデザインを作る方法（レスポンシブ対応）
定義リストのdlを使い、表のような2列のレイアウトを作る方法を紹介します。flexboxでの配置とスマホ向けの調整を、サンプルコードで解説します。
コーディング【初心者でもわかる】flexboxのjustify-content: space-between;で最後の行を左寄せにする方法
flexboxのspace-betweenで最終行の要素が左右に離れる場合の対処法を紹介します。複数行のカードを並べ、最後の行を左寄せに整える方法を解説します。