Single-page-design-portfolio with Flexbox, CSS grid & SwiperJS

I was not sure how to make the slider extend slightly beyond the max width of the container without breaking the layout (using absolute positioning) or taking the slider out of the container. I suppose that I could have let the swiper fill the max width of the container and limited the width of the the rest of the content, but that seemed a little inconvenient.