Post element not centering on page when more than one post is in looper

[m_kraft]

I am having an issue with centering my entire post element on the page. As seen in my first screenshot, the posts are left-aligned. However, in the second screenshot, when I removed one of the posts, the remaining post is centered on the page. It’s puzzling to me, as I’ve used the horizontal centering in the layout tab, but it’s not working for multiple posts.

The url is https://rollinghillsbaptist.org/
I’d appreciate any help!

*Update: I added a max width of around 700 px to the post element, which improved the layout, though I don’t know that it’s the best solution, as it doesn’t seem to be completely centered.

[prakash_s]

Hello @m_kraft,

Thanks for writing to us.

It seems that the post element is aligned in the center of the page at the moment. Yes, you can set the max width and go to the column —>Flexbox —>Horizontal—>set it as center.

Hope it helps
Thanks