アピールしたい項目を３つ並べる時のスマホでの表示パターン

※画像は明日のウェブ制作に役立つアイディアから

BiNDでいうビルボード部に大きな画像やスライドショーを配置して、その下に特徴としてアピールしたい項目を３つ並べる。簡単な説明だけを書いておき、詳しく知りたい項目の写真をクリックすると詳細の説明ページにリンクする。一番よくあるレイアウトパターンで、見る人（ユーザー）も見慣れているレイアウトなので見やすいサイトの典型だと思います。

２つ、４つなどの偶数であればスマホでは２つ並びで割り切れますが、３つの時はスマホで２分割にすると１つ余ってかっこ悪くなってしまいます。だから３つの場合にはスマホでは３つ並べるか１つにするか。BiNDIsmでは１つにしています。でもスマホで１つ並びにすると大きすぎる気がしていました。

参考）BiNDism
https://bindism.com/

BiNDismにご依頼いただいたお客様にも項目を４つにしてスマホでは２つ並びにしたほうが収まりがいいと思います。なんて言っていました。

そしたら、今日偶然こんなサイトを見つけたんです。