Container

Container(コンテナ)は、コンテンツの領域を示します。また、サイズを指定するとコンテンツが広がる最大幅を決定できます。コンテンツは最大幅で中央揃えになります。

コンテンツに最大幅及び左右のマージンを設けたい場合に使用します。

マージンは、コンテンツと画面の左端および右端の間のスペースです。画面にうまく適応するために、マージン幅はさまざまなブレークポイントで変更されます。余白を広くすると、コンテンツの周囲により多くの空白が作成されるため、より大きな画面に適しています。

Gapless

Gap(両サイドマージン)の有無を指定できます。false / true から選択できます。

Size

大きさを決定します。XS / S / M / L / XL の5種類から選択できます。指定したサイズより画面幅が大きくなった場合は中央揃えになります。サイズはFlavorから任意の値に変更できます。

推奨サイズ

LevelContent Width Size
XS480px
S640px
M*960px
L1200px
XL1440px