こんにちは、CSS グリッドの列と行について少し混乱しています。
たくさんのビデオを見たり、いくつかの記事を読んだりしましたが、私が得た定義のいくつかは、私が学んできたことや目に見えるものと一致しません.
説明します。 したがって、この Grid には 3 つの列と 2 つの行があります。
YouTube ビデオ「CSS グリッド レイアウト コース #09: グリッドの行と列を設定する」の視覚的な説明を次に示します。
グリッドを見るだけで、Codeacademy の定義が少しわかりにくいことがわかります。
列の軸は、Web ページの上から下に伸びます。
行軸は、Web ページ全体で左から右に伸びます。
私が試したこと：
関連するYouTube動画のほとんどを見てみました。 このトピックに関する記事をいくつか読んだことがありますが、事態はさらに混乱しているようです。
解決策 1
ほとんどすべてのテーブルはカレンダーと同じように機能します: 数日、数週間下:
February
Sun Mon Tue Wed Thu Fri Sat
W1 01 02 03 04 05 06 07
W2 08 09 10 11 12 13 14
W3 15 16 17 18 19 20 21
W4 22 23 24 25 26 27 28
W5 29 30 31 01 02 03 04
各曜日が列で、各週が行です。
列は左から右に横に並び、行は上から下に流れます。
2 月 24 日は 4 行 3 列、3 月 3 日は 5 行 6 列です。
わかる？
コメント