Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 2 years ago

3-column preview card component | ReactJS Vite | Mobile First

react, vite, accessibility
Mayank Arora•430
@mayankdrvr
A solution to the 3-column preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hi Frontendmentor community,

This is my 3-column preview card component beginner challenge solution in ReactJS Vite. I had previously submitted a vanilla JS solution of the same challenge and had learned a lot from the feedback i had received. I request the community to review and give feedback for the live site and the shared source code on the following parameters-

  1. Does my solution visually matches with the design(colors, borders, font etc.)?
  2. Does it follow all the good web accessibility practices?
  3. Is the site mobile first and responsive on all devices?
  4. Do you have any other code refactoring suggestion with respect to ReactJS best practices?

Please feel free and do not hesitate to review my code and do give feedback for improvement. All suggestions are welcome. Waiting to learn from your feedback and experience. Thank you for reviewing my challenge submission.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Mayank Arora's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License