Negative margin on responsive website

[Lasa]

I've built a responsive website in WB19. I'm trying to have a flex container with -50 top to overlapping the lower part of the above layoutgrid ... it look right in WB but when I publish it remains below the above layoutgrid, not overlapping.
Is it possible to - 50 margin in a responsive design?

Lasa

[Pablo]

Negative margins are not officially supported, but in some case it may work.
If you need help then please share a DEMO project.

[Lasa]

Thanks...
Not sure I did this right but here it goes...

trying to have the flex container to overlap the above red layoutgrid.

Lasa

[Pablo]

I think in this case it does not work because have mixed different types of containers(layers, flex containers and layout grids).
I recommend to use one type of container only.

[Lasa]

Thanks I'll keep trying...
Lasa

[Lasa]

The negative margin works fine with only layout grid and flex container...
thanks