@correlucas
Posted
πΎHello Lukas, congratulations for your first solution and π welcome to the Frontend Mentor Coding Community!
Your first solution is amazing, I've some tips for you:
You need to add to the body min-height: 100vh
to make the child element align to the body (parent). See the fixes below:
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
font-family: Arial, Helvetica, sans-serif;
background-color: antiquewhite;
}
You can use this value for the component box-shadow
box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
π I hope this helps you and happy coding!
Marked as helpful