Custom CSS

👾Hi again Thidar, Congratulations on completing this challenge!

Here’s some tips to improve your component design:

Reduce the opacity of the shadow to make it smoother, see the shadow fixed here: box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 0%) 0px 6px 6px;

To make the proper alignment and make the content gets aligned vertically use min-height instead of max-height:

body {
    min-height: 100vh;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: hsl(0, 0%, 98%);
    color: hsl(234, 12%, 34%);
    justify-content: center;
}

✌️ I hope this helps you and happy coding!