Diagonal Color Sections: Degrees, Sizes, etc.

Hey everyone,
I’m currently working on a website and we would like to create a section that looks something like this: click here. I think diagonal color sections will do the trick, hence the post title, but I’ve never really used them before and before I embark on a journey of a trial and error only to find out what I’m trying to do isn’t possible, I figured I’d ask for some feedback first.
To give you a better and maybe clearer idea of what this would look like in a live website, I’ve made some adjustments on of the enfold demo websites: see here
1. Are diagonal color sections the right way to approach this?
2. If they’re not, what would you recommend instead?

Thank you!