Section

セクションの追加方法

セクション要素は、Add panel > Structureセクションから追加できます。デフォルトでは、セクションは本文の幅いっぱいに広がり、内部にパディングを持たず、「Section」HTML5タグを持ちます。本文の幅いっぱいにコンテンツを配置したくない場合は、container要素を使用してコンテンツをページの中央に配置することをお勧めします。

セクションのスタイリング方法

セクションの高さは、その内容に応じて自動的に調整されます。要素を追加すると、セクションの高さは高くなります。スタイルパネルで高さを設定することもできます。

セクションに高さを設定する場合、セクションがコンテンツとともに拡張できるように、min-height（例えば500px）を設定することをお勧めします。高さだけを設定すると、セクション内のコンテンツがはみ出したり、切れてしまったりする可能性があります。

セクションにビューポートの高さを設定する

ヒーローセクションを作成するときなど、セクションに特定の高さを与えたい場合は、ビューポートの高さ (vh) ユニットを使用することをお勧めします。例えば、100vhはビューポートの高さを100%埋めます。