@abhik-b
Posted
👋 Hello Tobias , Your solution is nice & responsive , Well Done 🤩
However if you try the below mentioned suggestions your great solution can look greater :
- to place the card at the center of the screen use the below code on
body
:
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- give
max-width:330px
(use px value according to your choice) so that card does not touch edges as mentioned by Jessica - I played with the
box-shadow
& increased the opacity & value of X, changed the value of Y & reduced the blur & I am happy with the final resultrgb(17 12 46 / 25%) 12px 24px 48px 0px;
Other than that nicely done & Please keep contributing amazing solutions like this 👍
Marked as helpful