Skip to content
Submitted 16 days ago

frontendmentor-Tip-calculator-app

#tailwind-css#vue#vee-validate
P
Momonkuei•180
@Momonkuei
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I have used the third-party package VeeValidate to complete the validation and have a better understanding of Vue's data transfer

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

Vue's data transfer And how to choose between props emit and provide inject Using props emit will feel more complicated

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

How to choose between props emit and provide inject Can someone please tell me And how to use VeeValidate If the Form wraps another component Does anyone have relevant experience?

Community feedback

  • Pai-Kai Lee•250
    @PaiKai-LeePosted 11 days ago

    You can change the 'h-screen' of the outermost layout to 'max-h-screen', or adjust the layout for different screen sizes, so that on very small mobile screens like the iPhone SE, the header won't be pushed out of view by the content

    0

Please log in to post a comment

Log in with GitHub

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