
Design comparison
Solution retrospective
There seems to be a weird challenge with the avatar. In my solution, the avatar is centered. But in the comparison display, it seems to be aligned to the left instead. Please I would appreciate any help I can get.
Community feedback
- P@xuaunPosted about 1 month ago
For me, your avatar is centered correctly (both on the live page and in the solution screenshot).
I would also try to increase the specificity in the CSS, for example:
/* Your code */ h1 { font-family: "Inter-SemiBold"; text-align: center; /* CODE */ }
/* Using specificity */ .social-links-container h1 { font-family: "Inter-SemiBold"; text-align: center; /* CODE */ }
You can use a Specificity Calculator to help you understand how this work on CSS.
About your repository on GitHub, I think it would be nice to have styled your
README.md
to help those who enter it to see your project and your solution.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