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

Challenge building with CSS grid, Flexbox and Javascript

@jowribas

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


This is an amazing challenge for the developers to improve their frontend skills, as it works the CSS and Javascript part.

Community feedback

Adrianoā€¢ 34,110

@AdrianoEscarabote

Posted

Hi Jonathan Ribeiro, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

To solve all these accessibility problems, wrap the entire content of the page with the main tag! since this challenge is just a component, it needs a main tag to know what the main content of the page is! for users who use screen readers, to be able to understand what the main content of the screen is!

to further improve the functionality of the app, you can add an event to the bill input so that whenever you change the number, the calculation takes place!

The rest is great!

I hope it helps... šŸ‘

0

@jowribas

Posted

@AdrianoEscarabote Thank you for the tips Adriano! i will put the main tag on the main content. I liked the idea about add an new event on the bill!

1
Adrianoā€¢ 34,110

@AdrianoEscarabote

Posted

@jowribas happy coding!!

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