반응형 그리드

안녕하세요.

블로그 푸터에 최신 게시물을 표시하기 위해 WPLP 그리드를 추가했습니다.

설정 패널에서 이미지를 왼쪽에 배치하고 1열 4행에 최대 4개의 요소를 표시하도록 설정했습니다(첨부 이미지 "displayandtheme.png" 참조).
썸네일 이미지는 너비 25%, 제목 영역은 너비 75%입니다(첨부 이미지 "imagessource.png" 참조) .

그리드는 데스크톱과 태블릿 기기에서는 예상대로 표시됩니다(첨부 이미지 "desktopdisplay.png" 참조) . 하지만 그리드 레이아웃이 반응형으로 작동하지 않습니다 . 이미지 위치가 왼쪽에서 벗어납니다(첨부 이미지 "smartphonedisplay.png" 참조) .

모든 기기에서 동일한 그리드 레이아웃을 유지하면서 스마트폰에서는 푸터의 다른 요소들처럼 그리드를 가운데 정렬하고 싶습니다.
또는 현재 스마트폰 레이아웃에서 이미지를 맨 위에 배치하되 그리드는 가운데 정렬하고 싶습니다.

어떻게 하면 될까요?

감사합니다.

Anne