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-main

DONUZZ 130

@mrdonuzz

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

@pierrettemugisha

Posted

Congratulations on completing the Social Links Profile project! Nice work getting it as close to the design as possible!

A few recommandation for best practice:

HTML: Using Semantic HTML: It would be good to use semantic elements like <main> for the main content. Also, consider using descriptive tas to section your content like <section> and <article> for the profile card. Alt Attributes: Ensure that all alt attributes have descriptive and meaningful values. This is good practice and also looks good when the image is missing. Link href Attributes: Use actual URLs for your anchor tags. For this challenge, you can add the home URLs for each social media link, or use the # for the link placeholder. This makes your anchor more realistic and functional.

CSS: Consistent Naming Conventions: Great job following CSS naming conventions. Responsive Design: Continue working on responsive design. Sometimes the responsiveness fails or glitches. You can review your use of media queries to adjust styles as necessary.

Final note and motivation: You are doing great! This challenge brings you closer to becoming an expert in front-end development! Keep up the good work and experiment with different layouts and styles. You can even throw in a few layout and style frameworks out there and compare how they look and defer from using pure CSS. Don't be afraid to ask questions and collaborate with others. Regarding the front-end, there is no one way to do something. Stay updated with the latest web design trends. To test them you can rework some of your (small) projects to see what each trend has to offer and narrow down what works for you and what you can use in your future projects.

0
Ololade 60

@zololade

Posted

** Nice, clean job**

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