Spacing issue

[Divyesh71]

Hello,

Article: https://wordpress.org/news/2024/12/write-books-with-the-block-editor/

It seems there is an issue with the screenshots. Could we add a little space on the right side of the screenshots? Currently, the right screenshot is not within the container. Can we fix this issue?

Thanks.

[github-actions[bot]]

Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

[ruchi747]

Hello,

You can solve it by decreasing size of columns or adding max-width for image. Please follow this screenshot: https://www.screenpresso.com/=tFHTHuqc86Wj

And to make it in container, follow below screenshot: https://www.screenpresso.com/=43mqgEaqydtT

[dilipom13]

Hi! 👋

I inspected the article, and the screenshot seems to overflow its container on larger screens. We can fix this by applying:

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

[skyminds]

Hi,

We need to be more specific for that particular container. Here's a solution:

body.single:not(.single-podcast) .site-content-container .wp-block-post-content > .alignfull { margin-inline: initial !important; }

This solves the issue and makes the margin left and right equally balanced.

[skyminds]

@estelaris

/review

[estelaris]

This issue belongs to the meta team and it was reported in the wporg-news repository [https://github.com/WordPress/wporg-news-2021/issues/437