Skew Div/ Section but not the Background image

Design help General
1

Hey guys! Desperately need some help with figuring how to skew a section and somehow now the background image. Link is attached but the page is titled “Home”. The first section is where the problem is. I’ve looked at a few posts already but didn’t understand them.

Here is my site Read-Only: [LINK][1]

https://preview.webflow.com/preview/apexroofing?utm_source=apexroofing&preview=45f4b9475186c27fbd06b22b6512948f

2

Hey @Tumusiime_Rayan,

Can you give and example or reference to what you’re trying to achieve?

3

Screenshot%20(5)
Screenshot%20(5)1920×858 81.5 KB

Hey! Thanks for the quick reply. I hope this image helps

4

Yup,
That is an easy fix.
Instead of skewing anything, just add a div at the bottom of the section with right border size 100vw and white color. and top border size 20vh with transparent color:

06

11

1 Like
5

Thank you! Let me try that and get back to you

6

So simple! Thank you so much! Works really well. You just saved a life :sweat_smile:

1 Like