Assessment wanted for Cool-looking box exercise

I did last CSS building blocks task: Challenge: A cool-looking box - Learn web development | MDN

My code: https://codepen.io/user4292357/pen/bGpwbNg

I have questions:

  1. How to vertically align the text? I used line-height by googling but anything else?
  2. Did I implement this correctly?

A 1-pixel solid border with a color similar to the base color, but a slightly darker shade.

well done @bb8

there other option like using display but i do not think you get that yet

have a nice day

@justsomeone you’re right, i only know inline, block, inline-block.

but i still think it doesn’t look like their solution, the top and left shadows especially

or maybe there are but we do not know :joy:

in programing there many way to achieve the same result but when you get more leason your brain try to choose the thing that consider right despite if it is or not

so maybe other option that the display but maybe my brain does not remmber hehehh :joy: