時代を象徴する三人のムービースター

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;
}