[Resolved] content within a group on my webpage is not centered on mobile

[Alana]

Hi,

On CourseCharted.com I am trying to get the content under “Dive into the Latest Posts” to be centered on mobile (it looks fine on desktop). When I look at that section of 3 posts on mobile, everything is left-aligned even though I selected the “centered” alignment option for that block. I’d appreciate your help with this. Thank you!

[Ying]

Hi Alana,

You could try this CSS:

ul.wp-block-latest-posts__list.is-grid.columns-3.aligncenter.wp-block-latest-posts li {
    margin-left: auto;
    margin-right: auto;
}
.wp-block-latest-posts .wp-block-latest-posts__featured-image {
    margin-right: 0;
}

[Alana]

You’re awesome, thanks so much!!

[Ying]

You are welcome 🙂
Glad to help!

[Author]

Posts