How to design overlapping columns

First add a column or a row element

Then design your content for both columns

Then Add a right negative margin to your overlapping column (the left one in our example)

Add a Z-index of 10 to see your column

Your column should appear over the right one.

Add some shadow or not to your column to add some 3D perspective.

And don't forget to adapt your design to your different viewport.

Here is the tablet view

EASY TO USE • BEAUTIFUL CUSTOMIZABLE • AFFORDABLE

Feminine WordPress Themes

& helpful Business Resources

Not quite ready for a custom site? Bromge selection of beintifal

website templanes." Jast apicad your oun logo, swap out your colces,

insert copy and images, and you're set! It's that easy!

BROP TER COLLECTION

Negative margin

Other hacks that could interest you

Blog article image
Glass Morphism Menu
Blog article image
Price ribbon for Brizy
Blog article image
Slider cache
Blog article image
Moving CSS wave

Any ideas or Requests


Thanks


Feel free to contact us.

if you have any Hacks that would be great to add or any ideas you would like to be solved with Brizy cloud, You can write at contact@monsieurclick.com or use the form to upload images and ideas. Thanks a lot !!!

If you want just to say thank you or help us maintain this page, Feel free to donate whatever you want

DONATE

Thanks a lot for your help, It's greatly appreciated !!

And feel free to ask for tutorials or tips that you would like to discover on the site