Ανταποκρινόμενο Πλέγμα

Γεια σας

, πρόσθεσα ένα πλέγμα WPLP στο υποσέλιδο μου για να εμφανίσω τις τελευταίες αναρτήσεις ιστολογίου μου.

Στον πίνακα ρυθμίσεων, όρισα το μέγιστο 4 στοιχεία που θα εμφανίζονται σε 1 στήλη και 4 γραμμές με την εικόνα τοποθετημένη στα αριστερά (βλ. συνημμένο "displayandtheme.png").
Η μικρογραφία έχει πλάτος 25% ενώ η περιοχή τίτλου έχει πλάτος 75% (βλ. "imagessource.png" .

Το πλέγμα εμφανίζεται όπως αναμένεται σε επιτραπέζιους υπολογιστές και tablet (βλ. "desktopdisplay.png" . Αλλά η διάταξη πλέγματος δεν προσαρμόζεται : σε smartphone, η θέση της εικόνας δεν είναι πλέον αριστερά (βλ. "smartphonedisplay.png" .

Ιδανικά, θα ήθελα να διατηρήσω την ίδια διάταξη πλέγματος για όλες τις συσκευές ΚΑΙ να κεντράρω το πλέγμα στο smartphone όπως και τα υπόλοιπα στοιχεία υποσέλιδου παραπάνω.
Ή να διατηρήσω την τρέχουσα διάταξη smartphone με την εικόνα στην κορυφή αλλά με το πλέγμα στο κέντρο.

Πώς θα μπορούσα να το κάνω αυτό;

Ευχαριστώ,

Άννα