この動画はプレミアム会員限定動画です。
閲覧するには登録が必要となります。
プレミアム会員の登録をする
プレミアム会員限定動画CSS Gridのgrid-auto-flowで配置方向を変える方法と、空いたセルを埋める方法 について #9
CSS Gridで要素を配置した場合、基本的には横方向に並びますが、
grdi-auto-flowのcolumnを使うことで縦方向に並べることができます。
この動画では、使い方と実際の動きを見ていきます。
また、任意の場所に要素を配置すると、穴が空いたように特定の場所にだけ要素が配置されないことがあります。
この問題を解決できるのが、同じくgrdi-auto-flowのdenseです。
こちらについても指定の方法と動きについて見ていきます。
grdi-auto-flowのcolumnを使うことで縦方向に並べることができます。
この動画では、使い方と実際の動きを見ていきます。
また、任意の場所に要素を配置すると、穴が空いたように特定の場所にだけ要素が配置されないことがあります。
この問題を解決できるのが、同じくgrdi-auto-flowのdenseです。
こちらについても指定の方法と動きについて見ていきます。