Design comparison
Solution retrospective
Hey everyone! I've just completed this challenge.
Any feedback and suggestions on how I can improve are very welcome! Thanks!
Community feedback
- Account deleted
Good job on completing the challenge, it works very well.
I think the $/month should change to $/year when you click on the toggle.
I am no mathematician, but I think the math is way off, look at it from this angle, how can you pay $8 for one month but $6 for the whole year? What you should do is multiply the monthly billing by 12;
8 * 12 = 96
Then on that 96 is where you apply the 25% discount;96 * 0,25 = 24
Then you subtract;92 - 24 = 72
So when the monthly billing is
$8
the yearly billing is$72
.1@YofouPosted over 3 years ago@thulanigamtee Hey just to explain why Dineshraj did what they did it's because (8 x 0.25) = 6 and then 6 x 12 does = 72. so the math does check out, however why display it as 6/month rather than 72/year. well this maybe a perference kind of thing but the mentality that I had behind it was that because this is a discount keeping the "UNITS" consitent makes it easier and clearer for the user to realise if they're getting their moneys worth, so I can easily see as a user I'm saving 2 dollars per month if I go with the annual plan.
0Account deleted@Yofou I totally get what you saying and I agree, but take how frontend mentor does it, for a pro subscription, if you choose the yearly route, you pay $96 all at once which is billed yearly, not $8/month until it adds up to $96.
0@DineshrajAnandanPosted over 3 years ago@thulanigamtee Hi. Yes, it makes complete sense to display the yearly price when the yearly billing is toggled.
But, I just thought like I will follow the requirements in the instructions or maybe the requirements lack this detail.
Thanks for the feedback.
0
Please log in to post a comment
Log in with GitHubJoin 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