Responsive SocialLink Profile

Solution retrospective
I loved how i tackle the challenge heads on!
What challenges did you encounter, and how did you overcome them?When i was trying to center the container horizontal and vertical, i was using the the flexbox property but it was not just giving me what i want, however i overcome it with the "display:block" property!
What specific areas of your project would you like help with?When i hover on the social-links link, the hover state moves the whole element and which i guess is not right
Please log in to post a comment
Log in with GitHubCommunity feedback
- @HassanArafa-dev
plus please remove margin and max-width and padding from .container-bg and add min-height: 100vh.
- and if you need further help please reply to my comment.
Marked as helpful - @HassanArafa-dev
Hi Usman!, i hope you're doing well.
- it moves the whole element because you have a 1px border on the element so when you hover it the 1px is being added on the element size, to fix this remove the border on hover and add hsl(75, 94%, 57%) to background instead that should fix it. i wish you the best Usman! keep going you're doing great!
Marked as helpful
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