可変グリッドレイアウト

No. 1

ブロック　01

No. 2

ブロック　02

ここはブロック番号2です。自動的に親要素のサイズに合わせて可変レイアウトが行われます。

No. 3

ブロック　03

ここはブロック番号2です。自動的に親要素のサイズに合わせて可変レイアウトが行われます。レイアウトは文章など要素のコンテンツに応じて自動的に調整されます。

No. 4

ブロック　04

No. 5

ブロック　05

No. 6

ブロック　06

ここはブロック番号6です。/p>

No. 7

ブロック　07