Skip to content
Submitted over 2 years ago

Mobile friendly card details form using React.js and Sass

#react#sass/scss#bem
Kyrylo Haiduk•420
@superpooperxxx
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi, everyone❤️

Feel free to comment my solution and code review it. 🇺🇦

Please log in to post a comment

Log in with GitHub

Community feedback

  • ApplePieGiraffe•30,525
    @ApplePieGiraffe

    Hello there, Kyrylo Haiduk! 👋

    Great job on this challenge! 👏 Your solution looks good and the form works well! 👍

    A few small things I'd like to suggest are,

    • Adding aria-hidden="true" to the decorative credit card so that screen readers will ignore the text inside it.
    • Adding a main element to your page and perhaps an invisible heading (for screen readers) to clear up those issues on your solution report.
    • Adding a favicon to the site. There should be one in the starter files for this challenge that you can use.

    Hope you find these tips helpful. 😊

    Keep coding (and happy coding, too)! 😁

    Marked as helpful

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