1
エレメントパネルでGridをクリックし、セクションにドラッグします。
● グリッドはページを行と列に分割し、柔軟な2次元の配置コントロールを可能にします。
● 商品一覧、ギャラリー、ダッシュボードなど、明確な構造が必要なケースに最適です。
2
設定パネルで Columns の数を設定して縦方向に分割し、Rows の数を設定して横方向に分割します。これにより要素を左右・上下にきれいに整列させることができます。
3
Row Gap と Column Gap の値を調整してセル間のスペースをコントロールします。数値を直接入力するか矢印で微調整し、バランスの取れた読みやすいレイアウトを実現します。
4
グリッドの構造が整ったら、Text、Image、Button などの要素をセルにドラッグします。これにより、各アイテムを規則正しく配置でき、統一感のあるレイアウトを作成できます。