Horizontal Slider in centered Max width container | CSS | HTML
Hello guys! I had a little chat with Kevin and he told me to ask my question here. See the question below please.
I'm currently trying to achieve the slider that you can see in the image below. It comes with some special requirements:
- Red lines indicate the max width container at the image - It needs to be aligned with the centered max width container from section one - It also need to overflow to the right, till the end of the screen - When scrolling through the items it should not overlap the "Work" heading but go underneath it. - When scrolling to the end it should stop at the right end of the max width container - In the responsive MOBILE version the heading doesn't rotate anymore and it is placed before the header.
Applying modern CSS techniques to align the start position of a horizontal scrolling gallery to a parent container's max-width while allowing its overflow to span the entire viewport.