Design - slanted div blocks? - need help

[MrOwlSky]

So I’m trying to create something like the image above. I assume that grey block is simply a DIV block colored gray and transparent of 20ish but how did they slant it so it’s angled?

---

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

[JSW (James)]

Hi,

You can use the “transform” setting by Rotating a div

[MrOwlSky]

That works but it leaves a pretty big cap on the side of the page. Any clue how to fix that?

[dannyFig (Danny Figueroa)]

Please share your “read-only” link so we can take a look? Might be a margin thing.

[shokoaviv (Moshe Assulin)]

I would use rotation that way:

place big dive (“A”) inside another div (“B”).
make “A” div as a 200vw add the rotation, now make dv “B” as with as you wish and add it “overflow hidden”.

I’ve built something similar - hope it helps

[dapitts08 (davida)]

Making Cool Diagonal Sections With Webflow

[MrOwlSky]

https://preview.webflow.com/preview/theowlskys-main-site?utm_medium=preview_link&utm_source=designer&utm_content=theowlskys-main-site&preview=3aff2b29da6f5b392ec50c42055fda4a&pageId=5d435d7062513b80a15fb76d&mode=preview