How to implement slash divs?

Question

css

Hello, on the layout,
four blocks meet at one point, how to implement this in html + css, I tried background, but there each screen size must have its own positions so that the intersection point matches

Answer 1

You can , for example, like this , here the question of one point should not be raised - but for small screens (like a phone) it would be better not to divide into such parts at all - everything will be very small.

Answer 2

Either triangles as a pseudo-element or transform skew with a reverse transform for the content.