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

Simple page good for those learning HTML and CSS, using flex display

LUKKA0101 90

@LUKKA0101

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

P

@andretrindade13

Posted

You did a great job. I would like to point out some points that you can apply in the next challenges to further improve your skills. I'm also using these techniques on mine and I'm getting used to them.

Semantic Structure: Use semantic elements such as <header>, <main>, <section>, and <footer> to improve document structure and accessibility.

Accessibility: Add aria-label in brackets and navigation to describe its functions, improving the experience for screen reader users.

Social Network Links: Transform buttons into links (<a>) within a list (<ul>), which is more semantic for browsers and SEO tools. Also including target="_blank" and rel="noopener noreferrer" for security and SEO.

Profile Image: Improve the image alt to describe the photo, which is crucial for accessibility.

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