Age calculator app

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  Hello @AmitKumar-001!

  Your project looks great!

  • I noticed that your card is not in the middle of the page. Here are two very efficient ways to place elements in the middle of the page:

  You can apply this to the body:

  body {
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  In order to work properly, you can't use margins if you choose this method above.

  Or you can apply this to the element you wanna center:

  .element {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
  }
  

  And, you can change the background-color to #F0F0F0. It'll make your project look even closer to the original design.

  Other than those little details, you did a great job!

  Marked as helpful

  1

  ---

  

  AmitKumar-001•70

  @AmitKumar-001Posted 12 months ago

  Thank you @danielmrz-dev, for your suggestions and feedback. I'm learning from it. I've updated the code and resubmitted it.

  0