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

nft preview card component using HTML and CSS

MercySitieneiā€¢ 20

@MercySitienei

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any form of feedback is appreciated. The hover effect was quite challenging so kindly let me know if it is alright.

Community feedback

Osman Bayā€¢ 690

@osmanbay90

Posted

Great job on completing the Frontend Mentor challenge! Your project shows promise, but here are some areas where you could make improvements in your HTML and CSS:

Accessibility: Ensure all images have appropriate alt attributes for better accessibility.

Consistency: Ensure consistent spacing and indentation throughout your CSS code for better readability.

Responsive Design: Test your design on various devices and screen sizes to ensure it looks good and functions well on all of them.

Semantics: Use semantic HTML elements wherever possible to improve the structure and meaning of your code.

Optimization: Minify your CSS to reduce file size and improve page loading speed.

Comments: Add comments to your CSS code to explain complex sections or to provide context for future developers.

Error Handling: Handle errors gracefully, for example, if an image fails to load, provide a fallback or error message.

Usability: Consider adding more interactive features to enhance user engagement and experience.

Testing: Test your website thoroughly across different browsers and devices to ensure compatibility and functionality.

Remember, practice makes perfect! Keep refining your skills by tackling more challenges on Frontend Mentor. Happy coding! šŸš€

0

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