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
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.
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?