the website I am working on looks fine on desktops but as soon as I open it up on a phone the sizing gets crazy. Especially the photo gallery at the end of the page acts as if the mobile version is the desktop version. I am relatively new to web design so I am sure it is something I overlooked. Any help will do!
You will have to change its width starting from the Tablet view for fix this overlap. You can use VW measurements instead of pixels and it will make the slider responsive. VW is a “Viewport Width”, 1vw = 1% of browser width.