Tip Calculator (Not Completed)

Community feedback

• 

  Rio Cantre•9,650

  @RioCantre

  Posted over 3 years ago

  Hello there! base on the issues you've written I could try make some suggestions:

  • The custom button is not a button, it's an input with a placeholder="Custom" where the user can input random numbers.
  • To add the whole content with the same background, you could try to adjust the css property of the designated classes... for example:

  tip-flex-container {
    display: flex;
    flex-direction: row;
    height: 600px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: white;
    width: 900px;
    margin: auto;
    margin-top: 3rem;
  }
  

  Add the width, margin, margin-top to wrap the whole content and eliminate the border.

  • Adjust the other content as well like inside the .calculating-bill rule set, eliminate the border, background-color and border-radius

  .calculating-bill {
    width: 400px;
    height: 500px;
    flex-wrap: wrap;
    padding: 30px;
  }
  

  • The borders of the button and input tag should display into none.

  From here I think you can adjust the values and make more improvements. I hope this is helpful.

  04

  Marked as helpful
• 

  Matthias Wagner•330

  @MatzeW95

  Posted over 3 years ago

  To your first point. The custom "button" Is not a button. It is an input field for a custom value.

  00

  Marked as helpful
• 

  Cody•170

  @Cod-Bigg

  Posted over 3 years ago

  Got it! Yeah, I got the calculations working correctly. I was just confused since I di not see a total button in the design, but I guess running the calculation after the tip selected makes sense. Appreciate the help!

  00