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

Built with React and SCSS

Marcela 70

@fikymar

Desktop design screenshot for the Crowdfunding product page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


My first try with React. Feedback will be welcome.

Community feedback

Faris P 2,810

@FarisPalayi

Posted

Looks like it's working fine and looks good, I don't know React, so I can't give feedback on that part. Though there are some general accessibility improvements you can make, like:

  • Add cursor: pointer to interactive elements like buttons.
  • Add :hover, :focus and :active styles if you can.
  • Add aria-label or title or screen reader only text to buttons that have no text.
  • There's a horizontal scrollbar, try to remove it.
  • Try to clear those issues in the report section as well if you can.

That's all from me. Have fun coding ✨

Marked as helpful

0

Marcela 70

@fikymar

Posted

@FarisPalayi Thank you very much for your comment! I have tried to improve my solution according to your suggestion. Happy coding!

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