Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social links profile

P

@marianocejasdev

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Aggressive-Mohammed

Posted

Hello marianocejasdev!

Congratulations on completing the challenge. You did awesome!. Infact, you nearly got a pixel-perfect solution. Your HTML structure is well-organized and demonstrates a solid understanding of semantic elements. However, here are some recommendations and comments in terms of web development best practices: Semantic HTML: Consider using more semantic elements where appropriate. For example, use <header>, <section>, or <article> to better structure your content. For instance, the main content inside <main> could be wrapped in a <section> or <article>. Accessibility:

Add aria-labels or other ARIA attributes where necessary to improve accessibility. For instance, the alt text for the image should be descriptive of the image’s content, which you’ve done well here. Consider adding a role="navigation" to the list of social links to indicate that it's a navigation menu. SEO Optimization:

Ensure that the title tag and meta description are optimized for SEO. Although the title and description are relevant, making them more descriptive and including keywords could improve SEO. External Resources: Links: The href="#" in the social links does not lead anywhere. Consider either adding actual URLs or using a placeholder like # only for testing. HTML Validation: Overall, your code looks well-structured. Incorporating these best practices can help improve accessibility, SEO, and performance.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord