For Beginners

Introduction

見出しと本文を縦にレイアウトする際は「スタック」を使うことをお勧めします。文字数や文字サイズを変更してもそれぞれのテキストが重なることなく表示されます。

シンプルな2列横並びのレイアウトは「セクショングリッド」で簡単に作ることができます。カラムの幅は%で調整でき、カラム間の間隔も設定できます。

スマホでは縦並びにしたいという時には、レイアウトを「列」から「行」に変更します。

カード型のレイアウトのように、項目が増える可能性のあるレイアウトは「リピーター」で作成することをおすすめします。

カード型のレイアウトのように、項目が増える可能性のあるレイアウトは「リピーター」で作成することをおすすめします。

カード型のレイアウトのように、項目が増える可能性のあるレイアウトは「リピーター」で作成することをおすすめします。

リスト1

リピーターはリスト型のレイアウトにもおすすめです。

リスト2

行を増やしてもレイアウトが崩れにくいリストを作ることができます。
行を増やしてもレイアウトが崩れにくいリストを作ることができます。

リスト3
リスト3

リストの列は「高度なCSSグリッド」で作成します。