セクション間にカスタマイズ可能な垂直方向の余白を作成し、レイアウトを改善してコンテンツにゆとりを与えます。

空白スペースセクションは、ウェディングサイトに空白スペースを追加します。目には見えませんが、レイアウトと余白調整にとても便利です。

垂直スペースを追加する — セクション間に。

ゆとりを作る — コンテンツに。

小さな画像やコンテンツを中央配置する — 大きなスペース内に。

コンテンツを下に押し下げる — 見える要素を追加せずに。

空白スペースセクションはサイト上では見えません。単に空のスペースを作るだけです。

コンテンツセクション間： 既定の余白では足りない場合に、追加のスペースを入れます。

ページの上部： コンテンツを上から押し下げて、見た目を改善します。

中央揃えの要素の周り： 画像やテキストを上下のスペースで囲みます。

重要なセクションの前： 前にスペースを入れることで、主要コンテンツを際立たせます。

上下の余白： スペーサーが作る垂直方向のスペース量を制御します。これを調整してスペーサーを高くしたり低くしたりできます。

主な設定はこれだけです。スペーサー自体は空のスペースですが、量を制御できます。

小さく始めましょう。 スペーサーは後からいつでも大きくできます。追加するほうが取り除くより簡単です。

異なる画面でテストしましょう。 デスクトップでよく見えるものが、モバイルでは多すぎることがあります。

意図的に使いましょう。 空白スペースセクションはレイアウトを改善するためのもので、適当な空白を追加するためのものではありません。

代替案を検討しましょう。 実際のコンテンツセクションの余白を調整するほうが、スペーサーを追加するより効果的なこともあります。

空白スペースセクションはシンプルなツールですが、サイトの印象に大きな違いを生みます。きれいで整ったレイアウトを作るためにご活用ください。