Marilyn Monroe
1926年6月1日 - 1962年8月5日
Jean-Paul Belmondo
1933年4月9日 -
Brad Pitt
1963年12月18日 -
3カラムを作るにはGrid Layoutを使う。構造は、display:grid;をstyleした<div>(グリッド全体を表す要素)に3columnのstyleを追加して、アイテム(グリッドのエリアに配置する要素)を囲むだけ。以下ではclass="wrapper"に設定した例。
<!--html--> <div class="wrapper"> <div> <!--item 1--> </div> <div> <!--item 2--> </div> <div> <!--item 3--> </div> </div> /* css */ .wrapper { display: grid; grid-template-columns: 33.33333% 33.33333% 33.33333%; grid-gap: 0; }