Simple page good for those learning HTML and CSS, using flex display
Design comparison
Community feedback
- @andretrindade13Posted 8 months ago
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 GitHubJoin 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