お世話になっております。
現在dawnのテーマを使いサイト構築を行っております。
下記画像のようにバナーを2つ並べて表示させているのですが
デスクトップ表示だと程よいサイズ感なのですが
スマホで確認するとかなり小さくてみずらくなってしまいます。
元々の画像の縦横のサイズを上げてもあまり意味がないため
コーディングが必須だと思うのですが
どこをいじれば縦幅と横幅の設定をできるかわからないので
ご教示いただければ幸いです。
ご回答宜しくお願いいたします。
Topic summary
Dawnテーマでマルチカラムを使用してバナーを2つ横並びに配置しているが、スマホ表示で画像が小さく見づらくなる問題が発生している。
現状の課題:
- デスクトップでは適切なサイズ感
- スマホでは画像が小さすぎて視認性が低い
- 元画像のサイズを上げても効果がない
提案された解決策:
Tsun社の吉谷氏から、スマホ表示時は2列ではなく1列表示に変更する方法が提案され、参考画像も共有された。
質問者の要望:
モバイル表示でも2列横並びのデザインを維持したいと希望しており、縦横幅の設定やコーディングでの対応方法について追加の助言を求めている。アウトプットイメージも添付済み。
議論の状態: 解決策の模索中で、モバイルでの2列表示を実現する具体的な方法についての回答待ち。
はじめまして
株式会社Tsunの吉谷と申します
下記画像のようにバナーを2つ並べて表示させているのですが
デスクトップ表示だと程よいサイズ感なのですが
スマホで確認するとかなり小さくてみずらくなってしまいます。
スマホの時は２列（２つ並び）ではなく、1列で表示することで、
画像が小さくて見ずらい問題は解決できるのではないでしょうか。
（マルチカラムでスマホのみ1列表示に変更する方法）
どこをいじれば縦幅と横幅の設定をできるかわからないので
ご教示いただければ幸いです。
具体的なアウトプットイメージ（スクリーンショット等）がありましたら、
なにかアドバイスできるかと思いますので、アウトプットイメージのわかる情報を共有いただけますと幸いです。
以上になります。
ご参考になりましたら幸いです。
