उत्तरदायी ग्रिड

नमस्कार!

मैंने अपने फ़ूटर में WPLP ग्रिड जोड़ा है ताकि मेरे नवीनतम ब्लॉग पोस्ट दिखाई दें।

कॉन्फ़िगरेशन पैनल में, मैंने अधिकतम 4 एलिमेंट एक कॉलम और 4 पंक्तियों में प्रदर्शित करने के लिए सेट किए हैं, जिसमें इमेज बाईं ओर स्थित है (संलग्न फ़ाइल "displayandtheme.png" देखें)।
थंबनेल इमेज की चौड़ाई 25% है जबकि शीर्षक क्षेत्र की चौड़ाई 75% है (संलग्न फ़ाइल "imagessource.png" देखें) ।

ग्रिड डेस्कटॉप और टैबलेट डिवाइस पर अपेक्षा के अनुसार प्रदर्शित होता है (संलग्न फ़ाइल "desktopdisplay.png" देखें) । लेकिन ग्रिड लेआउट रिस्पॉन्सिव नहीं है : स्मार्टफोन पर, इमेज बाईं ओर नहीं रहती (संलग्न फ़ाइल "smartphonedisplay.png" देखें )।

आदर्श रूप से, मैं सभी डिवाइसों के लिए एक ही ग्रिड लेआउट रखना चाहती हूँ और स्मार्टफोन पर ग्रिड को फ़ूटर के अन्य एलिमेंट की तरह केंद्र में रखना चाहती हूँ।
या फिर, इमेज को शीर्ष पर रखते हुए, ग्रिड को केंद्र में रखते हुए, वर्तमान स्मार्टफोन लेआउट को बनाए रखना चाहती हूँ।

मैं यह कैसे कर सकती हूँ?

धन्यवाद,

ऐनी