Creating fancy letterheaded paper

MDN Learn
#1

Hi for all!

Assessment wanted for Creating fancy letterheaded paper

Link to the online template:
my code in Codepen

Thanks everyone.

#2

Hi again, @petrushya

Everything fine :+1:

You could make the backgrounds a bit simpler and merge the two gradients into one:

background: url(<image URL>) no-repeat left top;
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(<image URL>) no-repeat left top,
            url(<image URL>) no-repeat left bottom;

Cheerio,
Michael

#3

Hi @mikoMK!

As always, I get useful tips.
Yes, it will be easier that way. But maybe we need to determine the width of the image if it was more different from the required size?

Goodbye,
Pyotr.

1 Like