軽量のグリッドCSSを見つけた。名前も Don't Overthink It Grids なんて初心者でも取っ付きやすそうだったので、ちょっとカジってみた。
ここでも紹介されていた。
各コラムは単純にパーセントで記述し、合計を100%にすればよい。ガターはピクセルで指定する。面倒な計算がいらなくてコリャいいわとおもったのだが、なんだ〜、コレ崩れるじゃん。作者も紹介者も気が付かないのかね?(外側グリッドのないときコラムの幅が不正確)
そこでバッチイけど自分で似たようなCSSを書いてみた。