Base-Apparel-coming-soon-page

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 9 months ago

  Congratulations, Abu-bakkr, on completing your Frontend Mentor challenge! It's evident that you've put in a great effort. Here are some suggestions to further refine your work:

  1. HTML Semantics and Structure:

     • Consider using more semantic HTML elements like <main>, <section>, and <footer> for better structure and accessibility.
     • For form validation, instead of JavaScript, try using HTML5 form validation attributes like required and type="email".

  2. CSS Best Practices:

     • Consistent Naming: Ensure your class names follow a consistent naming convention. It improves readability and maintainability.
     • Avoid Absolute Positioning: Try to limit the use of position: absolute;. It can lead to responsive design issues. Flexbox or Grid is often a better choice for layout adjustments.

  3. Responsive Design:

     • Media Queries: Good use of media queries for responsiveness. Ensure that all components are visually appealing and functional across all device sizes.
     • Mobile First: Consider adopting a mobile-first approach, starting your CSS with styles for mobile and then scaling up for larger screens.

  4. JavaScript:

     • Event Delegation: Instead of adding an event listener to each element, use event delegation to improve performance and manage dynamic elements more efficiently.

  5. Performance:

     • Optimize Images: Ensure all images are optimized for the web to improve page load speed.

  6. Accessibility:

     • Alt Text: Make sure all images have descriptive alt text for accessibility.

  7. Learning Resources:

     • HTML & CSS: MDN Web Docs
     • Responsive Design: CSS Tricks
     • JavaScript Event Delegation: JavaScript.info

  Keep up the excellent work! Your progress is commendable, and with each project, you're enhancing your skills. Looking forward to seeing your future projects!

  0