Design comparison
Community feedback
- @pierrettemugishaPosted 2 months ago
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 allalt
attributes have descriptive and meaningful values. This is good practice and also looks good when the image is missing. Linkhref
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
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