Result summary pure html css

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 10 months ago

  Congratulations on finishing your Results Summary Component project, Yusuf! 🎉 Your project demonstrates a solid grasp of HTML, CSS, and responsive design principles. Here are some best practices and suggestions to enhance your project further:

  1. HTML Best Practices:

     • Semantic HTML: Ensure that your HTML is semantic. For instance, use <main> for the main content and <section> for distinct sections.
     • Alt Attributes: Good job using alt attributes for images! Always ensure they are descriptive for better accessibility.

  2. CSS Styling:

     • Consistent Naming: Keep your CSS class naming consistent and descriptive. This makes the code easier to read and maintain.
     • Responsive Design: Excellent work on the responsive design. Always test your design on various screen sizes for consistency.

  3. Accessibility:

     • Keyboard Accessibility: Ensure all interactive elements are accessible via keyboard, especially for users who rely on screen readers.
     • Contrast Ratio: Check the color contrast ratio for better readability, especially for users with visual impairments.

  4. Performance:

     • Optimize Images: Optimize image sizes for faster load times, especially on mobile devices.

  5. Code Organization:

     • Separation of Concerns: Keep your CSS separate from your HTML where possible.
     • CSS Variables: Good use of CSS variables for colors! This practice makes it easier to maintain and change color schemes.

  6. Further Learning:

     • CSS Grid and Flexbox: Continue experimenting with CSS Grid and Flexbox for more complex layouts.
     • CSS Animations: Consider adding subtle animations or transitions for a more dynamic user experience.
     • Learning Resources: Explore MDN Web Docs for comprehensive guides on web technologies.

  You've done an incredible job on this project. Keep pushing yourself with new challenges and technologies. Your progress is commendable, and I can't wait to see what you create next. Keep coding and exploring new frontiers in web development! 🚀

  0

  ---

  

  Yusuf K. Muhammad•570

  @kyusufmPosted 10 months ago

  @petritnuredini

  Thank you for the feedback~ It's really helpful

  could you elaborate more on the accessibility, i am not quite get it.

  0
• 

  Yusuf K. Muhammad•570

  @kyusufmPosted 10 months ago

  dang, i missed the font-size

  0