Submitted about 4 years ago

Mobile-only Crowdfunding Product Page using Flexbox

@rontoyhacao

A solution to the Crowdfunding product page challenge

Solution retrospective

This is the first time I gave up on a challenge lol. I just wanna lay it down here because I wanna take up a different challenge. This challenge is too challenging for me literally but here's the thing, I was actually able to make 80% of the front-end on mobile. What made me drop this challenge is the content of the modal. The radio button was supposed to show the input part of the pledge and that part drained me. Maybe I had to rewrite the markup to be able to pull it off. I kept on looking for solutions but no luck. The good thing I had here at least is I learned how to make a modal.

Code

Please log in to post a comment

Community feedback

Roc Tanweer•2,500
@RocTanweer
Posted about 4 years ago
Hello 👋 @Ron

Great 👌 work after so much struggle ☺️ as you mentioned..!

Suggestions 😃 :
1. Input fields and buttons need a label to be identified on the accessibility API...since we do not wish a label in this case, so we have to use aria-label='a name here' as an attribute in place of them.
2. Try to put some transition when mobile menu is toggled to increase UX.
Hope it helps(happy coding 😉)
Jay•695
@Junjiequan
Posted about 4 years ago
Hi, rontoyhacao, your work looks pretty nice to me. good job. I'm about to solving this challenge my own, hope I can make mine look as good as yours.

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