Submitted about 1 year ago
NFT preview card component using HTML and CSS
@roraima1986
Design comparison
SolutionDesign
Solution retrospective
The most difficult thing was making the hover for the main image. In the end, with a lot of persistence I think I could
Community feedback
- @petritnurediniPosted 10 months ago
Congratulations on completing your NFT preview card component project! Here are some recommendations to enhance your code:
- Semantic HTML: Ensure your HTML elements convey their meaning accurately. Consider using semantic elements like
<header>
,<main>
,<footer>
, and<article>
where appropriate. - CSS Organization: Organize your CSS rules logically to improve readability and maintainability. Group related styles together and consider using comments to separate sections.
- Responsive Design: Test your design on various screen sizes to ensure it looks and functions well on all devices. Consider using media queries to adjust layout and styles based on screen width.
- Accessibility: Ensure your design is accessible to all users, including those who rely on assistive technologies, by providing appropriate semantic markup and ARIA attributes.
Keep up the great work! Consistent practice and learning will help you grow as a developer.
For further learning, check out these resources:
0 - Semantic HTML: Ensure your HTML elements convey their meaning accurately. Consider using semantic elements like
Please log in to post a comment
Log in with GitHubJoin 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