How to make such a non-standard layout?

Question

css

Hello dear web developers.
Tell me, how would you lay out such elements on the site?

And more specifically, how to properly lay out such inclined elements? Don't bother with negative margins and absolute positioning. Is there any modern solution?

Answer 1

If you want to make the elements slanted instead of rectangular, use CSS Transform.
But I would still do it with ordinary layers, because. support and cross-browser compatibility is more important.

Answer 2

png and svg to help and all in layers, all you need is 4 layers