Unwanted white space at the bottom of the page due to horizontal scroll.

[developer_000]

 

Hy @Cassie I hope you're doing well.

 

I made the clone of significo.com and I almost did it.

clone: https://significo-pi.vercel.app/

GitHub: https://github.com/Developer0000000/significo

 

But when you scroll and reach the footer you'll find the white space (this is because of the horizontal scroll component 'RealWork.jsx' ).

 

I wasted my whole night & day debugging. I've seen many solutions but not anyone worked for me.

 

please check and tell me the issue .

 

[Cassie]

Hiya! Please don't tag people directly in these forums. We'll get to you soon enough.

[Cassie]

Hi again - So we'll need a minimal demo in order to help you here. Last time you posted I tried to help with codesandbox links that didn't have correct permissions and that was a bit time consuming. 

Lets skip that this time - could you please simplify down the code to the part causing the issue and post it in a codepen?

 

Please don't include your whole project. Just some colored <div> elements and the GSAP code is best. See if you can recreate the issue with as few dependencies as possible. Start minimal and then incrementally add code bit by bit until it breaks. Usually people solve their own issues during this process! If not, at least we have a reduced test case which greatly increases your chances of getting a relevant answer.

 

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen.

that loads all the plugins. Just click "fork" at the bottom right and make your minimal demo: 

 

Once we see an isolated demo, we'll do our best to jump in and help with your GSAP-specific questions. ✅

[developer_000]

24 minutes ago, Cassie said:

Hiya! Please do't tag people directly in these forums. We'll get to you soon enough.

ok?. I'll take care next time. 

[developer_000]

did you check it: https://significo-pi.vercel.app/

This project is in React. firstly I imported it into the code-sandbox but due to some issues project not live.

 

can you please import this repository into your codesand-box.
https://github.com/Developer0000000/significo

 

this issue is due to the horizontal component (RealWork.jsx)

 

[Cassie]

No sorry - those aren't minimal demos. That's your entire project. Please read the forum guidelines. We're happy to help, but ask that you meet us halfway by stripping your project back to the specific bit of code that's causing the issues.

 

 

[Cassie]

I'm also not entirely comfortable helping you to clone Significo's work. It's a bit of an ethical grey area, especially as you're currently linking directly to the assets they're hosting.

 

https://cdn.significo.com/videos/significo-main-hero.mp4

 

[developer_000]

2 hours ago, Cassie said:

I'm also not entirely comfortable helping you to clone Significo's work. It's a bit of an ethical grey area, especially as you're currently linking directly to the assets they're hosting.

 

https://cdn.significo.com/videos/significo-main-hero.mp4

 

I try to give that part of the code.
 

I made it just for practice purposes & made it by myself. So don't worry.