余白確認記事

SP1カラムTB2カラムPC3カラム

この時はカラム間の余白縦と横の設定でOK。マージンのブロックは使わない。

全デバイス1カラムで、ブロック間の余白が同じ場合)

この時はブロック間の余白が統一ならカラム間の余白縦の設定でOK。

いちいちスペーサーブロックを使ってもいい。

全デバイス1カラムで、ブロック間の余白が一部分違う場合

この時はブロック間の余白が一部分だけ違うならカラム間の余白縦の設定+スペーサーブロックがいいかも。
一個目と二個目のブロック(見出しと段落)の間の余白だけ違うバージョン。

見出しテキスト

プレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキスト

プレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキスト

プレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキスト

ただし、こういう場合は余白が統一されている部分だけグループ化して、そこにカラム間の縦余白を設定、見出しとそのグループの間の余白はスペーサーブロックにしたほうがまとまりが出ていいかも。

見出しとそのグループの間の余白はスペーサーブロックにしたバージョン

見出しテキスト

プレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキスト

プレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキスト

プレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキストプレーンテキスト

カラムなしのブロックの積み重ね(余白が全部バラバラ)

スペーサーブロックで設定する。