How to remove the block over the right edge of the screen?

Hello, there are two blocks (purple color), they are 300px, you need to poubirat them over the edge of the screen 250px, one left and one right. The left block is removed correctly (leaves the screen), and right he does not leave the screen and makes horizontal scrolling. I have tried and using right-250px, and translate3d(250px, 0, 0), but the stripe is still there. Adjusts the video:
Thanks for the help.
July 2nd 19 at 13:06
1 answer
July 2nd 19 at 13:08
make the main block overflow-x: hidden
Did so, thanks. - rosina.Johnst commented on July 2nd 19 at 13:11

Find more questions by tags HTMLCSSAdaptive design