Assessment wantedf for Creating fancy letterheaded paper

MDN Learn
#1

My work: CodeOpen,
Task:Creating fancy letterheaded paper

#2

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, :slightly_smiling_face:
Michael

#3

I changed my code, is it correct now?

#4

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.

#5

I forgot to save my changes, thank for understanding.

#6

Now it’s correct. :slightly_smiling_face: