Assessment wanted ( for A cool-looking box )

just starting learning CSS. I understood previous exercises quite well but here I stuck. Please help me to make that red box with transparent linear gradient on top of it and also assess my work. Thank you.

Assessment page: A cool-looking box
My implementation: CodePen

Hi @deodede

Nice work! :clap:

background is a short hand property. This means it sets multiple background-* properties. Any property that is not mentioned in background will be set to its initial value. In the case of background-color that’s transparent which will overwrite your red background color.
Your best solution is to change background to background-image. This way you only set the gradient and the background-color will still be red.

Besides of that, you’re code looks fine. :slightly_smiling_face:

See you,