レスポンシブグリッド

こんにちは

。最新のブログ投稿を表示するために、フッターにWPLPグリッドを追加しました。

設定パネルで、1列4行に最大4つの要素を表示し、画像を左に配置しました（「displayandtheme.png」添付ファイルを参照）。
サムネイル画像の幅は25%、タイトル領域の幅は75%です（「imagessource.png」を参照） 。

グリッドはデスクトップとタブレット端末では期待どおりに表示されます（「desktopdisplay.png」を参照） 。しかし、グリッドレイアウトがレスポンシブではありません。スマートフォンでは画像の位置が左に表示されなくなりました（「smartphonedisplay.png」を参照） 。

理想的には、すべてのデバイスで同じグリッドレイアウトを維持し、スマートフォンでもフッターの他の要素と同様にグリッドを中央に配置したいです。
あるいは、現在のスマートフォンレイアウトを維持し、画像を上に配置しながらグリッドを中央に配置したいです。

どうすればいいでしょうか？

ありがとうございます、

アン