1
テキストとボタンのみの場合
ステップのパターンのテキストのみの場合です。外側のグループブロックの背景に白が指定してあり、余白も指定しています。
2
文字エリアを可変する場合
ここでは文字側のエリアの幅を文字の量に応じて可変するために横並びブロックを使用しています。
3
画像を下にレイアウトする場合
説明画面など配置する画像が大きい場合は横にレイアウトすると小さくなって内容がよくわからなくなるので、下に配置して大きく見せます。
4
画像を横にレイアウトする場合
カラムブロックで画像を右側に配置しています。モバイルの時は画像が下になるので、モバイルの時のレイアウトも確認してください。