Tip Calculator App

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hello Salawudeen, congratulations for your solution!

  I haven't done this challenge yet, but I can see that you did the design elements just perfect.

  My tip for you is about the layout, the calculator isn't fully aligned due a margin you've added margin-bottom: 10rem; to it and the lack of min-height: 100vh; inside the body tag, see the code below:

  }
  .tip-container {
      max-width: 850px;
      border-radius: 1rem;
      margin: auto;
      /* margin-bottom: 10rem; */
      padding: 2rem;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      place-items: center;
      gap: 2rem;
      background: var(--White);
      align-items: center;
      justify-items: center;
  }
  

  Hope it helps, keep it up!

  Marked as helpful

  1

  ---

  

  Salawudeen Abdultawab•120

  @Deen-AbdultawabPosted over 2 years ago

  Thanks Lucas.

  0
• 

  Salawudeen Abdultawab•120

  @Deen-AbdultawabPosted over 2 years ago

  Comments on best practices or feedbacks will be appreciated 🙏

  0