I added a WPLP grid into my footer to show my latest blog posts.
In the configuration panel, I setted 4 elements max displayed on 1 column and 4 rows with the image positioned in left (see "displayandtheme.png" attachment).
The thumbnail image is 25% width while the title area is 75% width (see "imagessource.png"
The grid is diplayed as expected on desktop and tablet devices (see "desktopdisplay.png"
. But the grid layout is not responsive
: on smartphone, the image position is no longer left (see "smartphonedisplay.png"
Ideally, I would like to keep the same grid layout for all devices AND to center the grid on smartphone as the rest of the footer elements above.
OR to keep the present smartphone layout with the image top position but still with the grid centered.
How could I do that?