グリッドタイム

実を言うと当ブログはグリッドタイムを導入していまして、好きな時にグリッドできるようになっています。え？グリッドが何かですって？それは……僕にもわかりません。

出版社/メーカー: ポニーキャニオン
発売日: 2017/12/20
メディア: Blu-ray
この商品を含むブログ (2件) を見る

やってみた

f:id:andron:20190208064142p:plain
以前やってた flexbox に同じくクリアすると緑丸で埋まるっぽいです。

f:id:andron:20190208064121p:plain
最初の方は格子上にキレイに並んでいるにんじんとかの並べ替えだけの問題なので楽勝じゃんとか思ってたんですけど、後半の方は格子ガン無視でレイアウトを整える問題ばかりになります。舐めてかかって痛い目をみました（1敗）。
まあいいや。グリッドレイアウト編は以下の内容について学べます。

#container {
    display: grid;
/* 大枠の決定
    grid-template-rows:; 
    grid-template-columns:; 
    grid-template-areas:;
*/
}

#item{
/* 配置の決定
    grid-row: ;
    grid-column: ;
    grid-area:;
*/
}