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

Vue.js site using SCSS

#vue#vuex#sass/scss
P
Jamesā€¢ 320

@james-work-account

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


I'm aware that the site layout breaks a little when you input numbers that are too large - what improvements could I make to the "Totals" section of the UI to handle larger numbers?

Are there better ways I could've semantically written the HTML?

Can you find any bugs in my JS logic?

Community feedback

P
Emmilie Estabilloā€¢ 5,540

@emestabillo

Posted

Hey James, it's me again šŸ˜„ Looks good! I think for the 'Totals' section, I might try flex instead of grid, so I can apply flex-wrap: wrap. That way, large numbers would just go to the next line and still be pretty lol. Hope this helps!

Marked as helpful

1

P
Jamesā€¢ 320

@james-work-account

Posted

@emestabillo interesting, I'll look into that. Thanks!

1

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