Latest from the Blog – Alignment is off on phone view

[Rebecca]

Rebecca

October 26, 2019 at 2:54 pm

Hello:
I would like to adjust the alignment of the “Latest from the Blog” section on the home page in phone and tablet view.

Desktop view looks good, where the text is to the right of the thumbnail.

In phone view, “Latest from the Blog” is centered on the page, but not over the single image below it; the image is left all the way to the border edge. The text underneath the image is indented from the left edge (screenshot attached). My client thought this was an error.

I would like the image in phone and tablet view to be 100% of the width of the bordered box. On the phone, this would align “Latest from the Blog” over the image.

The tablet view is less of an issue, with two posts side-by-side under the title, but it also would look more balanced if the thumbnails spanned the width of the bordered boxes around the posts.

The desired 100%-width treatment is already occurring on the Recent Posts carousel on blog pages (screenshot attached).

I don’t want any change in the desktop view.

Phone – Latest from the Blog:

Tablet – Latest from the Blog:

Desktop – Latest from the Blog:

Recent Posts:

Thanks if you can help with a fix here.