@petritnuredini
Posted
Congratulations on completing the "QR Code Component" project! 🎉 Your project shows a great understanding of HTML and CSS. Here are some best practices and recommendations for further enhancements:
-
Semantic HTML:
- Use more semantic tags to enhance the structure and accessibility of your code. For instance, wrapping the main content in a
<main>
tag is a good practice, which you've done well. - In your
img
tag, consider adding a more descriptivealt
text for accessibility purposes, likealt="QR Code for Frontend Mentor"
.
- Use more semantic tags to enhance the structure and accessibility of your code. For instance, wrapping the main content in a
-
CSS Best Practices:
- Organization: Your CSS is well-organized. Keep maintaining this structure as it will help in managing more complex projects.
-
Code Efficiency:
- DRY Principle: Always look for opportunities to reduce repetition in your code. This makes your codebase cleaner and easier to maintain.
- CSS Shorthand: Utilize CSS shorthand properties where possible to make your code more concise.
-
Accessibility:
- Keyboard Navigation: Ensure that all interactive elements are accessible via keyboard.
- Color Contrast: Check that the text and background colors have sufficient contrast, especially for readability.
-
Further Learning:
- As you continue your journey, explore topics like CSS animations, flexbox, and grid systems to enhance the visual appeal and layout of your projects.
- Experiment with different design frameworks like Bootstrap or Tailwind CSS to see how they can speed up your development process.
Useful Resources:
- MDN Web Docs for comprehensive learning resources on web technologies.
- W3Schools for tutorials on HTML and CSS.
- A List Apart for in-depth articles on web design and development.
Keep up the great work, and I'm looking forward to seeing more of your projects! 🚀
Marked as helpful
@xStephx
Posted
@petritnuredini thanks for advice! I followed all advices and will apply them in future projects. If you have any other suggestions feel free to text me!