Tablet View
SP View
features_005
横に並ぶ画像は間隔をゼロにして大きく表示。文字情報だけをCSSで余白設定したパターン
カラムwidthの設定はなしの３分割。カラムの感覚をゼロにして横に並ぶ画像をひっつくように配置。文字情報は小見出しと本文に設定し、小見出し・本文に対してcssで左右の余白を設定。
スマホでは１カラムにし、画像はスマホウィンドウ幅いっぱいに表示する。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩は猫である
名前はまだ無い。どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
- 本文、小見出しのサイズ・色は指定していません。サイト全体のDRESSでの設定が反映されますが、任意に指定したいときにはfeatures_005のCSSに指定してください。
- 画像の下に余白（margin-bottom）を設定し、見出しとの間に余白を設定しています。
- スマホではカラムに対して余白（padding）を設定し、下に並ぶカラム間の間が開くようにしています。
- 画像は「段落スタイルなし」に設定してください。