Skip to content
Submitted over 1 year ago

react + CSS vanilla

German Pinto•320
@germanp007
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Petrit Nuredini•2,860
    @petritnurediniPosted 10 months ago

    Congratulations on completing your project! You've done a great job creating a visually appealing and interactive card component. Here are some brief recommendations to enhance your work:

    1. HTML Structure:

      • Use <main> instead of <body> within React components for better semantics.
      • Ensure all images have meaningful alt text for accessibility.

    2. CSS Best Practices:

      • Avoid using IDs in CSS if possible for better reusability and maintainability.
      • Use CSS variables for colors and fonts for easier theme management.

    3. React Components:

      • Consider breaking down the card into smaller components for better readability and reusability.

    4. Responsiveness:

      • Ensure that your design is responsive and looks good on various screen sizes.

    5. Performance:

      • Optimize images for faster loading times, especially for web use.

    6. Accessibility:

      • Ensure keyboard navigability and proper ARIA roles for interactive elements.

    7. Code Cleanliness:

      • Maintain consistent indentation and formatting for better readability.

    8. Learning Resources:

    Keep up the great work and continue to challenge yourself with new projects! Your progress is impressive, and exploring new technologies and approaches will further enhance your skills.

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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