Meet Landing Page

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 10 months ago

  Congratulations on completing the Frontend Mentor challenge! Your project shows a great understanding of HTML, CSS, and responsive design. Here are a few suggestions for improvement:

  1. CSS Best Practices:

     • Avoid overusing !important in your CSS. This can make it harder to maintain and override styles later. Instead, use specific class names or CSS specificity to apply styles.
     • Consider using Sass or another CSS preprocessor for better organization and maintainability of your stylesheets. This can help with nesting, variables, and mixins for more efficient styling.

  2. HTML Structure and Accessibility:

     • Ensure that your HTML is semantically correct. For example, use <nav> for navigation links and <header>, <main>, and <footer> tags to define page sections.
     • Enhance accessibility by adding alt text to all your images. This is crucial for screen readers and users who might have images disabled.

  3. Responsive Images:

     • Use the srcset attribute in your <img> tags for responsive images. This allows the browser to choose the most appropriate image size based on the screen size, improving performance on different devices.

  Additional Resources:

  • MDN Web Docs for HTML, CSS, and JavaScript best practices.
  • Sass Basics for an introduction to CSS pre-processors.
  • Web Accessibility Initiative (WAI) for guidelines on making web content more accessible.

  Keep up the excellent work, and continue to challenge yourself with more complex projects. Each step is a valuable learning opportunity. Happy coding! 🚀💻

  Marked as helpful

  0