display

Web技術

【完全ガイド】CSS Gridのdisplay: gridとsubgrid、auto-fitを使いこなす!レスポンシブなレイアウトの最適解

はじめに「CSS Gridを使ってもっと自由にレイアウトを組みたい!」「レスポンシブ対応を楽にしたい!」「親子グリッドの整合性を保つ方法は?」こんな悩みを持つ人に向けて、本記事ではCSSのdisplay: grid、subgrid、auto...
Web技術

【CSS】display flexを使った際に子要素を固定化する方法

子要素を固定化する方法は簡単でcssで子要素に対してflex: none;を指定するだけだ。 See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePen.