NFT preview card component

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 9 months ago

  Congratulations on completing the NFT Preview Card project! It's fantastic to see your effort and skills being applied. Here are a few best practices tips to further refine your project:

  1. CSS Organization: It's great that you've split your CSS into different files. This keeps your code organized and maintainable. Consider using a preprocessor like SASS for even more efficiency. Learn more about SASS here.

  2. Responsive Design: Good use of media queries for responsiveness. Ensure that your design looks good on all screen sizes, especially for smaller mobile devices and larger desktop screens.

  3. Image Alt Text: Your alt text descriptions are clear and descriptive, which is excellent for accessibility. Keep maintaining this practice. Learn more about alt text here.

  4. HTML5 Semantic Elements: Utilize HTML5 semantic elements such as <article>, <section>, and <footer> to improve the structure and readability of your HTML. This also enhances SEO and accessibility. More info here.

  5. Hover Effects: Nice touch on hover effects for interactive elements. Ensure that these are also accessible to keyboard users. This might involve using :focus alongside :hover for CSS.

  6. Color and Contrast: Ensure sufficient color contrast for text elements for better readability and accessibility. Tools like WebAIM's Contrast Checker can be helpful.

  7. Accessibility Testing: Regularly test your website for accessibility using tools like Lighthouse in Chrome DevTools. This ensures your site is accessible to a broader audience.

  Keep up the great work! Your journey in front-end development is progressing impressively. Looking forward to seeing more of your projects in the future!

  0
• 

  amyrhexa•170

  @amyrhexaPosted 9 months ago

  Hi, you can check my repo and look my code to learn hover effect here

  0