Why does the layout of the site shift when the image is enlarged?

Question

css

Hello. This page has a gallery. When you click on the image, the layout of the site shifts. The fancybox script is used.

Thank you very much)

Answer 1

page body is styled margin: 0 auto; When opening an image, the compensate-for-scrollbar class with margin-right: 17px is hung on the body
to set the alignment of the content, it is better to enter an auxiliary block, using body for this is bad practice