My responsive reactjs web page looks the same on google chrome on pc and android, but for some reason looks different (loading animation and green line generated from box-shadow) on google chrome on IOS.
This is the link for the website
How it looks on PC (responsive):
How it looks android:
How it looks on IOS:
For the the shimmer effect, it seems theres a bug that in IOS that hasn't been fixed, it has to do with overflow:hidden and border-radios. The solution is to add "transform: translateZ(0);" in the styles. For more information see this github post.
Also, I solved the green line by adding an element on top with a z index higher than the element with the box shadow, as a work around.
