I had a lot of fun with this challenge! Built both games. You can switch between the two by clicking the small link on the bottom of the page. I left the score of the basic game on 12 (I like to match it as close as I can to the design) But the bonus game starts at 0. Both can not drop below 0 points and the states are locally preserved.
Happy coding!
Hi everyone,
This is my solution for this challenge.
The website looks great, I am just unable to click on navigation dropdown options as it disappears when not hovering over the nav item.
I dunno about how fast should it be like, but for me it took just about 6 hours. Good thing that there were some elements which I could use from other project.
This time challenge was not that big challenge. Looking forward to solve another one.
On width < 400px your text on landing page is overflowing.
Apart from that Great job on this challenge! Happy coding
This time worked on optimizing code using Best Practises
Functional programming.
Adding details.
Validating Inputs.
Animation's.
and More..
Tried To make code as BulletProof as I can,
Please Feel free to Leave Your valuable Feedbacks
Looks great!
Just avoid using div for tip selectors as they cannot be accessed when using a keyboard, Instead use buttons for interactive elements.
Any feedback is welcome.
Your solution looks great, both design and functionality wise.
Well one user experience issue I observed is...
-> Add bill amount, no of persons, and add a custom tip of say 2%
-> Select a tip from listed options, recalculation of values will be done as per new tip percentage.
-> Click on custom tip again. Recalculation is not happening as per custom tip unless we remove existing value and retype our tip.
You can fix this if you want otherwise everything is perfect ✨
Happy coding !!
It was a colorful challenge :) Here're some great resources I used:
Great work on this challenge. ✨
Beautiful animations, I submitted solution to this challenge today and on suprise I found 'up and down' arrow animation that you have added is the same animation I have implemented as well.
You can probably work on getting that arrow halfway over the orange(image). Apart from that everything looks perfect.
I'd be grateful for any kind of feedback, but I'm especially curious if my solution for the section with the shifted image is good. Are there any problems with the way I solved it and are there better ways to do it?
Nice job on this challenge ✨.
I really liked that button press type effect on download buttons.
Happy coding 😀
feedbacks appreciated!
Everything looks good ✨
You can probably work on getting that arrow to stay halfway over the orange (image).
Is someone out there solving this in scss? I could use the link
Great job with this challenge. There is just a tiny space getting left out on all the sides of the content, though it looks cool; But if you want to remove the same you set the margin of body to 0.
And I have submitted my solution using sass. Feel free to check it out.
Hi. Would love to hear your suggestions and feedback. Thanks!
Hi Grace,
The solution looks good, I think you have forgotten to change the background image of the header for desktop design.
instead of url(../images/bg-header-mobile.png) it should be url(../images/bg-header-desktop.png)
Hi Agata.
I went through most of your solutions they are all really nice. One thing I noticed In this solution - after creating a plan we get the checkout modal in which if we press and hold the checkout button, the price from the left corner is sliding over to the right side.
Happy coding :)
Woahh
