Hello!
I would appreciate if someone could kindly check my work on CSS comprehension test, “Creating fancy letterhead paper”.
I struggled quite a lot so I have many questions…
(I put the same questions at the bottom of my CSS sheet as a comment.)
-
Is the way how I fixed top and bottom images correct?
-
How can I provide a fallback for the background image?
I guessed background-image: property has less browser support than background: property,
but as far as I saw the MDN browser support table,
the support for these two properties seemed similar enough…?Also, why does the assessment ask for a fallback only for the top image,
not the gradient and the bottom image? -
To apply layered backgrounds (images and gradients),
it seems like both background: property and background-image: property
can be used for this purpose…
But which is better? How can I decide which property to use? -
Is the way I applied drop shadow to the logo correct?
Also, for the more conventional approach, which was asked to put in a comment for the assessment,
I used box-shadow… but is this right?
My work:
Assessment page: