[ 解決済 ] 子ページリストの表示タイプをカード（水平）又はメディアに設定。スマホで見たときに写真と文章を縦一列に並べたい。

お世話になっております。ベクトルの石川でございます。

> レスポンシブ対応になっていませんでした。

これはレスポンシブ対応になっていないのではなくこういう仕様です。

そもそもこの メディア レイアウトは Bootstrap のライブラリに起因するレイアウトで、弊社だけでなく多くのウェブ制作者が使うライブラリの最適解として設計・用意されている仕様なので、”レスポンシブに対応していない” という事ではなく、一般的にこのままの方が大多数のユーザーにとって適切である可能性が高いという事です。

モバイルの時に画像を縦にした方が良いかどうかは人によって好みがわかれます。

例えばモバイルで画像を文字を縦にする = 画像を横幅いっぱいにすると、
「画像がででかすぎる。じゃまだ。」という人が必ず出てきます。モバイルの画像を低くすると「勝手に上下が切れる」と言われ、設定項目を増やしても「設定項目が多すぎてわからなかった」などと言われます。

また、中に入る文章量によっても最適解はかわります。”画像が縦長になる” というのも、掲載している文字数が多すぎるためにそうなっているだけで、文字量が少なければPCと同じような縦横比で表示されます。

ですので、表示の縦横比にばらつきが出ないように、抜粋欄の文字数を調節したり、どうしてもという場合は CSS でカスタマイズを行ってください。

よろしくお願いいたします。

Withさま
いつもお世話になっております。

VK パターンライブラリーに「子ページリスト_カード（水平）_幅 767.98px 以下では縦に並べる」のパターンを作成いたしましたが、いかがでしょうか。
カスタムcssでカスタマイズしておりますので、ブレイクポイントなどはお好みの数字に変更したりしてみてください。

子ページリスト_カード（水平）_幅 767.98px 以下では縦に並べる

よろしくお願いいたします。