しっかり理解しておくと便利なCSSのテクニック、minmax()関数の使い方

minmax()はCSSの関数で、要素サイズの最小値と最大値を定義することができます。カードを配置するグリッド、記事を中央配置で画像を幅いっぱいにするフルブリードなど、ページのレイアウトやUIコンポーネントの実装に非常に便利です。 CSS Gridにおけるminmax()関数の実用的で、便利な使い方を紹介します。 A Deep Dive Into CSS Grid minmax() by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSS Gridにおけるminmax()関数 minmax()のバリデーション minmax()をシンプルなグリッドに使用する auto-fitとauto-fillの相違点 minmax()の便利な使い方 考えなしに、auto-fitを使うことの弊害 終わりに

[coliss]

ページのレイアウトやUIコンポーネントの実装に非常に便利、CSSのminmax()関数の使い方。

[djshigy]

css

[degucho]

CSSのテクニックとかハックとかTIPSとかが無くなって、誰もが自然なやり方で思い通りのレイアウトができるようになる日は来るのか

[maritimecolor]

なるほど。