YochiCSSグリッドを使って2カラムのブログレイアウトを行っていた際、各コンテンツがトラックサイズにあわせて揃ってしまう問題が発生。今後またこのようなことが起きたときに忘れないよう、ここに対処策をメモとして残しておきます。例CSSグリッドで2カラムのレイアウトにし、さらにgrid-gapで各コンテンツの間隔を指定させています。Chromeで表示させた結果がこちら。本来はmainのboxを上辺に揃えて表示させたいのですが、subのブロックの高さに合わせて広がっています。原因はグリッドアイテムの位置揃えの初期値がstretchになっているからでした。align-itemsで縦方向の位置揃えをstartにするか、mainとsubに個別でalign-selfをstartに指定すると、上辺に揃えることが無事できました。start;}CSSグリッドが便利すぎて...最近はCSSグリッドが便利すぎて、マージンも使わずグリッドギャップでレイアウトするようになってしまいました。今回そのせいで起こったトラブルなのですが、マージンの相殺とか考える必要もなくなるので、つい使ってしまいます。次の記事「WordPressのやさしい教科書。YochiHTMLやCSS、WordPressといったWeb制作やサッカー、ゲームなどに興味があるこのサイトの管理人。