- このトピックには10件の返信、2人の参加者があり、最後に
により3ヶ月、 2週前に更新されました。
-
ご返信ありがとうございます！
トップページによくある、レイヤーブロック（画像）→セクションブロック→セクションブロックと縦に並べた時に機能が欲しくなります。
余白の大きさを揃えるために、上下paddingが個別に設定できると便利かと思いました。
現状のブロックだけで再現できるなら、それに越したことはないので、ぜひアドバイスをお願いいたしますm(__)m
いいねをした人： いませんお返事遅くなりすみません！ わかりやすく説明していただきありがとうございます！
まず、セクションブロックはコンテンツごとにセクションを区切るためのものなので、上下に同じ大きさのパディングがつくようになっています。背景色を付けるとわかりやすいと思うので、スクショを用意してみました。
Murota さんの例だと、2つのセクションブロックには同じ背景色が設定されているのではないかと思います。そしてそれらの上下と、間の間隔を同じに揃えたいということは、意味合い的にはセクション（親）の中に2つのコンテンツがあるような感じなのかなと想像しました。
その場合、まずはセクションブロックを1つ用意して、その中に2つのコンテンツを組み立てるのが良いのかなと思いました。どう組み立てるかは色々考え方があると思いますが、ここではセクションブロックを入れ子にしてみることにします。
まず、親のセクションブロックですが、「上下パディング」と「間隔」が同じ大きさであれば Murota さんがやりたい余白間隔になります。
※上下パディングのデフォルト値（設定値が空白のとき）は内部的に「3XL」ですが、一応明示的に揃えていたほうが今後のアップデートの影響を受けにくいと思うので、明示的に 3XL を設定して揃えています。
次に、子のセクションブロックですが、上下左右のパディングは不要なので「無し」に設定します。
これで実現できると思いますがいかがでしょうか？
ちょっと設定が複雑にはなってしまいますが…。いいねをした人： いません
- トピック「セクションブロックの上下パディングに別々の値を入れられるようにして欲しい」には新しい返信をつけることはできません。
