新着！ 私の44ページの電子書籍「44分でわかるCSS」がリリースされました！ 😃
#grid-template-columns
グリッドコンテナーの列を定義します。キーワード (autoなど) または長さ (10pxなど) を使用して列の幅を指定できます。列の数は、スペースで区切られたリストで定義された値の数によって決定されます。
デフォルト grid-template-columns: none;
列が定義されていないため、1つだけになります。
grid-template-columns: auto auto auto;
キーワードautoを使用すると、各列が自動的にサイズ変更されます。
grid-template-columns: 80px auto 1rem;
単位を混在させることができます。
grid-template-columns: 40px 1fr 2fr;
frのフレックス単位を使用して、残りのスペースをすべてのフレックス列に分散できます。