Page 1 of 1
Negative margin on responsive website
Posted: Sun Jul 07, 2024 11:57 am
by 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
Re: Negative margin on responsive website
Posted: Sun Jul 07, 2024 12:22 pm
by Pablo
Negative margins are not officially supported, but in some case it may work.
If you need help then please share a DEMO project.
Re: Negative margin on responsive website
Posted: Sun Jul 07, 2024 2:34 pm
by 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
Re: Negative margin on responsive website
Posted: Sun Jul 07, 2024 3:54 pm
by 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.
Re: Negative margin on responsive website
Posted: Sun Jul 07, 2024 4:10 pm
by Lasa
Thanks I'll keep trying...
Lasa
Re: Negative margin on responsive website
Posted: Mon Jul 08, 2024 1:07 am
by Lasa
The negative margin works fine with only layout grid and flex container...
thanks