Social Media Links | Desktop & Mobile | HTML, CSS, SCSS

Community feedback

• 

  Petrit Nuredini•2,860

  @petritnurediniPosted 9 months ago

  Congratulations on completing your Social Links Profile project! It's a great milestone and your design looks clean and user-friendly. Here are some quick best practices recommendations:

  • Alt Text for Images: Always include descriptive alt text for images. For the profile photo, use something like alt="Jessica Randall's Profile Picture" to improve accessibility and SEO. Learn more about alt text here.

  • Consistent Commenting: It's good to see comments in your CSS for clarity. Be consistent with this practice throughout your code for better readability and maintenance. Here's a guide on CSS commenting here.

  • Semantic HTML Elements: Use semantic elements like <header>, <footer>, and <section> to improve the structure and readability of your HTML. More on semantic HTML here.

  • Responsive Design: Good implementation of media queries for responsiveness. Consider testing on various devices to ensure uniformity of user experience. Responsive design principles can be found here.

  • SASS Best Practices: Great use of SASS features like mixins and variables. Ensure to maintain this practice for scalable and maintainable code. More on SASS best practices here.

  • Button Accessibility: For the buttons, consider adding aria-labels for screen readers, especially since they only contain text content. This enhances accessibility for users with screen readers. Learn about aria-labels here.

  Keep up the fantastic work! Each project you complete brings new learning and improvement. Your progress is commendable, and I'm excited to see what you'll create next!

  0

  ---

  

  Shubham Gupta•110

  @shubhamgupta0720Posted 9 months ago

  @petritnuredini Thankyou for the feedback! Will keep it in mind.

  0