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

Crowdfunding product page [Parcel/SASS/BEM]

@Lino-OTM

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


So far this has been the most challenging project I made, I'm not sure if my JavaScript is good enough, I made everything work, but I think I need to improve my code to make it more readable and maybe work with fewer lines. Question for everyone: for my bookmark button, whenever I click on it to change its styles my :hover effect, disappears, any idea how to fix this without using "mouseover" and "mouseout" events?

Things to improve:

  • I must add aria-label to some elements to improve controls for screen readers.
  • I did not know that you can not put "label" tags inside "button" tags, I did that to make the modal selection effect.
  • Fix bookmark hover effect.
  • Add smooth animation to some elements.

Community feedback

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