You can also apply more specific positions that won't spread over one side of the parent container.

There are two options to center elements outside on the left and right of the parent container. This is useful to position navigation outside of a Slideshow or Slider component.

Once the outside positioned element sticks out of the viewport to the right, it will cause a horizontal scrollbar. We may use the Visibility component to hide the outside positioned element on a smaller viewports and show an inside positioned element instead.