Slanted Secions with Different Colours

Hello, I’m new to web develpement and I’m building my first website on my own. Finally I ran into a issue which I can’t solve by mysef.

I’m creating a website with slanted design and it has different colour sections. I tried using clip-path and skew to slant the sections, however I just keep getting white peeking through.

The grey box is the footer and if I slant the footer it still leaves white line at the bottom. Is there a way to only slant the top and not the bottom? I know I can do this with the clip path, but clip path doesn’t let the sections overlap and and it also creates white lines in between sections.


This is with clip path.