flex

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾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

  1
• 

  Lukas•50

  @Lolex3366Posted over 2 years ago

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

  0