Skip to content
Submitted 7 months ago

Tip calculator Responsive design, with Vanilla JS and ValidatorJS

bem, pure-css
P
Gianmarco•260
@gianmromero
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

My enhacement of my HTML layout with BEM methodology. I would like to improve my HTML layout much better.

What challenges did you encounter, and how did you overcome them?

I found a challenge of how make my buttons grid layout behave like I want. I founda solution I did ever think or see. Then I applied and it works as expected.

What specific areas of your project would you like help with?

Coding in Vanilla JS it's my actual major point of improvement. I would like to understand and write better code.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Rowland•320
    @rowleks

    Looks great but there's room for improvements.

    The hover effects and active states are not functioning

    Also the select tip % could be a radio input instead so only 1 of the inputs can be selected and visually differentiated from the rest

    Lastly, you might want to remove those scroll buttons next to the inputs and also remove the default value of 0 on the inputs.

    Kindly mark this comment as helpful if you find it helpful. Thanks.

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