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

FlexBox

ans91 50

@ans91

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@aashabul

Posted

For good practices:

  • Avoid doing inline css. Keep your styles in a separate file. So that the code will look cleaner. You can use SASS or Styled Components. There are also bunch of style component libraries. I assume that you are solving exercise to make your fundamentals strong. Then I prefer Styled Components with react.
  • In visual case, enlarge the size of your calculator. Its tough to read small texts. Keep a min-width of the container.
0

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