ユイトブログ

カード型UI上に複数のa要素（リンク先）を配置したレイアウトの練習をしました。

Every Layoutの中で紹介されていたgrid-template-columns: repeat(auto-fit, minmax(min(var(--minimum),100%), 1fr));という指定について書きました。

Chrome117から導入されるtransition-behaviorプロパティについて勉強しました。

要素を拡大縮小させたり、水平方向に移動させることができるobject-view-boxについて学びました。

スマホやタブレット向けに指定されているをなぜ記述するのか勉強しました。

reduceメソッドとは、配列を反復処理する関数の一種です。返り値は、反復処理の結果を返します。

CSSで無限大の値を取り扱うには、calc()内で計算定数(calc-constant)であるinfinityを使用します。

hasとは引数の中で指定した条件（少なくとも1つ以上）を含んでいる要素をチェックできる擬似クラスです。