Design comparison
SolutionDesign
Solution retrospective
Simple social-links-profile Using :
- CSS Flexbox
- HTML 5 Semantics
Community feedback
- @bccpadgePosted 10 months ago
Hello @Ali-AK004. Congratulations on completing this challenge!!!🎉
I have a few tips to improve your solution below.
HTML 📃:
- Image should have alt text
<img src="assets/images/avatar-jessica.jpeg" alt="headshot of Jessica Randall" />
for screen readers
CSS 🎨:
- Font size shouldn't be in pixels because pixels don't scale when users want to change their font size in preferred browser.
- I see you used pixels and rem units in your stylesheet and would be to stick to rem units.
Here is a pixels to rem converter
You can also implement the DRY principle which means Don't Repeat Yourself on
img
,span
, anda
have the same style; you can do thisimg, span, a{ display: block; }
Here is my solution to this challenge - Social links profile
I hope you find this useful and don't hesitate to reach out if you have any questions
2 - Image should have alt text
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