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

Responsive Social links profile using html , css

maryemā€¢ 20

@maryemsalah

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi,All feedback is welcome. Thank you in advance.

Community feedback

Lanceā€¢ 1,580

@IzykGit

Posted

Looks good but something you should consider is to not use the <div> tag inside of the anchor tag. While is is technically correct, from what I have read and heard it is not good practice and should be avoided in this case.

It is also bad practice to put text directly inside of a div tag without any other elements as it gives no context for what the text is. Instead it would of been better to use the text inside of the anchor tag.

Here is more resources

Marked as helpful

1
Osman Bayā€¢ 690

@osmanbay90

Posted

Great job on completing the Frontend Mentor challenge!

your project looks good.

here is a small improvement you should make

Setting min-height: Utilizing min-height: 100vh on the body ensures that the flexbox layout can utilize the full viewport height, enabling effective vertical centering of elements within the body container.

Using Flexbox Properly: Ensure proper utilization of Flexbox. For instance, within your <main> tag, the declaration justify-content: space-evenly may not be necessary as Flexbox isn't explicitly used for the layout there.

Working with <div> elements: Integrating <div> elements within the <main> container can enhance the structure and organization of your HTML, thereby facilitating improved readability, maintainability, and semantic clarity.

Remember, practice makes perfect! Keep refining your skills by tackling more challenges on Frontend Mentor. Happy coding! šŸš€

Marked as helpful

1

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