Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Tip calculator with GRID and FLEX

Ivan 365

@Frontend-Wizard

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What do You think about my solution?

Community feedback

Fidel Lim 2,775

@fidellim

Posted

In terms of design, you did really well in implementing the design. However, when it comes to mobile, your calculator scales too big. The logo is not seen already. Then I just noticed that when the value of the input is empty, it directly shows an error that says "can't be zero". This should appear only when zero is inputted. Solving this will help your problem-solving skills.

I hope it helps :)

Marked as helpful

0

Ivan 365

@Frontend-Wizard

Posted

@fidellim Thank You

0
Fidel Lim 2,775

@fidellim

Posted

@Frontend-Wizard good luck on your front-end journey!

0
dewslyse 3,025

@dewslyse

Posted

Awesome job on the challenge Ivan. You tip calculator works as it should. You should try and resolve the issues raised in the report. Happy coding!

Marked as helpful

0

Ivan 365

@Frontend-Wizard

Posted

@dewslyse Thank You, I will fix that errors.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord