Assessment wanted for Creating fancy letterheaded paper please

MDN Learn
#1

Can someone please assess my code?

Link to my code: https://codepen.io/jfash_1215/pen/JjBKmVo

Link to assessment: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper

#2

Hi @Jacob_Fashanu

Congratulations, great work!

For the gradient to be on top of the images (as per task description) it should be the first value.

When using multiple backgrounds it’s often easier to use the background shorthand property. With this property all the values for one background are together and you would separate multiple backgrounds with commas:

background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.2)),
            url(top-image.png) no-repeat left top,
            url(bottom-image.png) no-repeat left bottom;

Have a nice day,
Michael