カードページ-タイトル06

タイトル01

社長の独り言

コラム

タイトル02

素敵なやかん

ヘッドホン

説明が必要な場合はテキストを挿入することができる

パウンドケーキパウンドケーキパウンドケーキ

素敵なやかん

ヘッドホン

説明が必要な場合はテキストを挿入することができる

パウンドケーキパウンドケーキパウンドケーキ

パウンドケーキパウンドケーキパウンドケーキ

タイトル03

01

ここはタイトル、ヘディングテキスト

グループの設定→Design→sizingの項目SizingでGrow to fillを選ぶと縦の長さが横のカードと揃う。

また、このテキストの設定でmargin-topをautoに設定すると下段で横と揃う。

スマホなどにして一列になった時には無駄な余白は生まれない。

02

ここはタイトル、ヘディングテキスト

ただ、margin-top:autoの場合下に揃うだけなので高さが違うと使いにくい。

ボタンなど高さが同じなら使える。

03

ここはタイトル、ヘディングテキスト

これを使うなら画像の高さを揃えてmargin-top:autoは使わずGrow to fillのみを使う方が良い。

タイトル04

キャッチフレーズテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

キャッチフレーズテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

キャッチフレーズテキストキャッチフレーズテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

タイトル05

特徴 ― 

01

ここはタイトル、ヘディングテキスト

タイトルの行数は合わせた方が良い

特徴 ― 

02

ここはタイトル、ヘディングテキスト

この列は画像の高さを揃えている。この列は画像の高さを揃えている。この列は画像の高さを揃えている。この列は画像の高さを揃えている。

特徴 ― 

03

ここはタイトル、ヘディングテキスト

Grow to fillを使い、下のボタンにはmargin-top:autoを設定

タイトル06-組み合わせ-

キャッチフレーズテキスト

サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト

社長の独り言

素敵なやかん

ヘッドホン

説明が必要な場合はテキストを挿入することができる