Assessment wanted for Creating fancy letterheaded paper (Task 1)

MDN Learn
1

Assessment wanted for Creating fancy letterheaded paper

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

Link to my code: https://jsfiddle.net/EiNzp/5vc4928y/7/

Thanks :wink:

2

Hi @EiN

Nice work!

The exercise asks to put the gradient on top, but If you just move it up that wouldn’t work with your current code. The problem is that it would mess up the order of the different background-* properties. I generally recommend using the background short hand property when having multiple backgrounds. This would put all the different things together:

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;

That would also improve the readability in my opinion.

The CSS for the h1 is correct (including the drop-shadow) :+1:

I hope that helps,
Michael

1 Like
3

Thank you.
I looked at everything carefully and understood everything.
You helped me a lot again.
Somehow, when doing the assignment, I didn’t notice that my images aren’t covered by the gradient.

1 Like