Order summary card solution card solution by Dev

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Debadutta, congratulations for your new solution!

  Here's my tips for you:

  To avoid the background repeating use it background-repeat: no-repeat;

  body {
      margin: 0;
      line-height: inherit;
      background-repeat: no-repeat;
  }
  

  Align the container using the body with min-height and flexbox

  body {
      min-height: 100vh;
      margin: 0;
      line-height: inherit;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Debadutta Panda•300

  @debadutta98Posted over 2 years ago

  Thank you @correlucas...you are a fantastic mentor. I hope to receive more comments from you on my post in future.

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @debadutta98 Hey Debadutta, I'm happy to hear that!

  0