3-17.CSSグリッドでタイル型に並べよう

container 1fr 1fr　gap:0px

item 1
item 2
item 3

grid-template-columns: 2.5fr 1fr 0.5fr; container2　gap:10px

item 1
item 2
item 3
item 4
item 5

grid-template-columns: 2fr 1fr 1fr; container21　gap:1px

item 1
item 2
item 3
item 4
item 5
item 6

grid-template-areas page

ヘッダー
メイン領域

grid-template-columns: 2fr 1fr 100px; container3