Responsive tip calculator using CSS flexbox

Community feedback

• 

  Mariusz Olszewski•360

  @molszewski34

  Posted over 3 years ago

  Hey. Calculation part works but there are few issues you should work with.

  1. Output should show .toFixed(2). This is required to show proper amount of currency. Right now when user provide 100$ for 3 persons it shows 33.333333.
  2. Reset button should show active status when user use number input and be disabled after use of reset function.
  3. Alert must be shown for person input and has red border when condition is false. 4.There are problems with responsiveness. Some elements as reset btn and output move out of fields and tip amount is not shown on lower resolutions. Especialy with big output. Fixing issue number 1 should also fix some of problems.
  4. It is ok to start function by clicking option button but its better to start it with one of inputs - person field or bill.

  Checked on firefox and chrome.

  01

  Marked as helpful
• 

  Olalekan Ogundele•290

  @whoiskekeanyway

  Posted over 3 years ago

  Very good work here. there is a bug with the total amount per person. it displays the total amount of the bill not for each person, also center your main content on the laptop view.

  01

  Marked as helpful
• 

  Mariusz Olszewski•360

  @molszewski34

  Posted over 3 years ago

  Yes. I see that span when in position: absolute moves over input and block it.

  00