Hey there!
You have pretty much nailed the design. Well done!
It seems we used the same technique to center the card and have the attribution stuck to the bottom. Though I'm not sure why did you apply flex to both the html
and body
tags.
To make the font responsive (the extra challenge), consider using the CSS clamp()
function. I learned about it in this very challenge!
Box shadow is easy. You only need two figures: one for the horizontal, and one for the vertical offset. The rest all have default values or inherit from the parent. For this project, the following line did it:
box-shadow: 8px 8px;
Be careful using those online generators. In your case, it created unnecessary flags (-webkit
, etc). They were used when box-shadow was still in beta. Nowadays it's pretty much supported everywhere.
Way to go. Keep it up.
Marked as helpful