要素を2列に並べるcolum layoutの実装
Grid
Box - A
Box - B
Box - C
Box - D
Flex
Box - A
Box - B
Box - C
Box - D
colum比率が2:1で2列に並ぶlayoutの実装
Grid
Box - A
Box - B
Box - C
Box - D
Flex
Box - A
Box - B
Box - C
Box - D
複数要素をcenter寄せする記述の例
Grid
Center
Lorem ipsum dolor sit amet.
Flex
Center
Lorem ipsum dolor sit amet.
画像の上にcolor layerとcontentを重ねて表示する
Grid
Overlay Contents
Absolute
Overlay Contents
4列*4行のgridに要素を配置する
A
B
C
D
名前付きgrid area
Header
Main
Aside