Pinned elements overlapping because of screen resolution

I have a center box with the main content of my page, and two boxes pinned on the left and right of my screen (1920 x 1080), and it works just fine

However, whenever the screen’s resolution gets lower than that, the boxes overlap themselves.
Any idea on how to fix this ?