1
エレメントパネルで Container をクリックし、ページにドラッグします。
● Container はコンテンツを標準的な枠内に収め、画面端にはみ出さないようにします。
● デスクトップ、タブレット、モバイルすべてで要素を中央に整列させ、一貫したレイアウトを実現します。
● ページ全体のデザインがより整然とし、バランスが取れ、プロフェッショナルに見えるようになります。
2
Container の中に Text、Image、Flexible Grid などの要素を追加します。
これにより、それらの要素に組み込みの余白がなくても、Container が左右に均等なマージンを適用し、ページ全体が常にきれいに整います。
3
ページを Container あり・なしでプレビューします。
デスクトップ、タブレット、モバイルでの表示を確認してください。
Container がない場合、要素が画面全幅に広がり、バランスが悪く見えることがあります。
4
公開後の比較イメージです。
● Container を使うと、コンテンツは中央に配置され、標準枠内できれいに整います。
● Container を使わないと、コンテンツが全幅に広がり、ページがアンバランスで読みづらくなります。