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

Tip calculator app solution

@upovibe

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


Tip calculator app👨🏽‍💻

Technologies used 🚀✨

  • HTML🏗
  • CSS️🎨
  • JavaScript🏢

Features 🎯

  • Semantic Arrangement✨
  • Dynamic Animations🎭
  • Prettier Arrangement🌈

You can check me out

Ready to tag along on my coding escapades? Join my adventure, where I challenge projects here.

🌌 Feel free to add your opinion about any possible improvements to the code and accessibility. 🙃

Community feedback

@petritnuredini

Posted

Congratulations on completing the Tip Calculator App project! Here are some recommendations to further improve your code:

  1. Accessibility: Ensure all form inputs have appropriate labels for screen readers.
  2. Input Validation: Implement input validation to handle non-numeric or zero values gracefully.
  3. Responsive Design: Test your app on various screen sizes and optimize layout and typography for smaller devices.
  4. CSS Organization: Consider organizing your CSS styles using a methodology like BEM (Block Element Modifier) for better maintainability.

Keep up the great work! Continuous learning and practice will help you excel in front-end development.

For further learning, check out these resources:

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