Great work @cyxapik_VID
I have just two small remarks:
- The reason for the fallback background is not just the gradient but also old browsers not supporting multiple
backgrounds. The same is true for
background-image. Therefore you should only use one background image in the fallback.
- When using prefixed properties for compatibility reasons (like for the
box-shadow), you should always put the non-prefixed property at the end. Otherwise the browser will overwrite the newer, non-prefixed property with the prefixed one once it’s supports.
I hope that helps,
I changed my code, is it correct now?
Did you save your changes?
You still have two images in the fallback. This should just be:
background: url(top-image.png) no-repeat left top;
box-shadow is before the prefixed versions instead of after them.
I forgot to save my changes, thank for understanding.
Now it’s correct.