Safari ignoring negative margins?

Hey guys, I have an issue with safari ignoring negative margins. Is there an easier way to go about this? I’ve tried making the divs inline-block, but to no avail it doesn’t work.

It’s hard to tell for sure without seeing your code, but generally negative margins is a black magic and you want to avoid them. The simplest solution would be to use position: relative; and adjust top, bottom, left and right

1 Like

Gotcha, it’s tough because I have children that are absolutely positioned.

I have a suggestion for you. add Normalize.css or Reset CSS to your codes.
As a whole these css files, resets all default browsers styling so provides cross-browser consistency in the default styling of HTML elements.

1 Like

Doesn’t seem to work in this case.

This is the element that I have also tried using Clip-Path on, but the element still keeps the dimensions. I am not sure if skewY has something to do with this?