Submitted over 3 years ago

Mobile-only Crowdfunding Product Page using Flexbox

Ron Paolo Toyhacao• 165

@rontoyhacao

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Crowdfunding product page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

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.

Community feedback

Roc Tanweer• 2,500

@RocTanweer

Posted over 3 years ago

Hello 👋 @Ron

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

Suggestions 😃 :

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.
Try to put some transition when mobile menu is toggled to increase UX.

Hope it helps(happy coding 😉)

Ron Paolo Toyhacao• 165

@rontoyhacao

Posted over 3 years ago

@RocTanweer Oh right I forgot the aria-label, thanks for pointing out. I know this challenge is on the easy category but I did my best. And to mention, the mobile menu actually has a transition. It has the opacity transition, I just made it subtle. Thank you for the feedback though, I appreciate it.

Jay• 695

@Junjiequan

Posted over 3 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.

Ron Paolo Toyhacao• 165

@rontoyhacao

Posted over 3 years ago

@a331998513 thank you for the appreciation, i've been practicing myself in mobile-first workflow. maybe i could get back to this challenge when i'm prepared enough because it's too challenging lol.

Please log in to post a comment

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