flex

👾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!

Thanks for great feed back Lucas ! Yes ill have fix it and it looks nice. It is nice that the Community help each other and give a newbiee so much feedback , ill enjoy it "!