My CSS coffee cup looked perfect in Chrome and fell apart the second my friend opened it on his iPhone
I spent about 2 hours on Tuesday building a little steaming mug out of nothing but divs and box-shadows, and it looked great on my laptop. He pulled it up on Safari across the room and the steam was gone, the handle was a flat line, and the cup looked like a cardboard box. I'm still trying to figure out which part Safari hates, so has anyone dealt with clip-path or box-shadow quirks like this and found a fix that doesn't break Chrome?