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
Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

write here feedback..

Community feedback

@M-AminAlizadeh

Posted

Hey @Akash-750

I hope you are doing well

Happy to see you create your first project 🎉

These are some feedback about your project that can be improved:

  1. As you see in the preview link your profile card isn't responsive on the mobile phone with (375px) width try to make it responsive using Flex box and min-height: 100vh
  2. Try to give a dimension (height and width) to the profile picture it should be a circle, not an oval you can fix this by setting the same value for width and height
  3. According to the challenge, you have to give hover effect to the social links To do that check this link

I hope these items will be beneficial to your project

If you need more help or question reply to this comment

Happy Coding 👨🏼‍💻

0

geomydas 1,060

@geomydas

Posted

@M-AminAlizadeh all seems good but please use "min-height: 100vh" instead of "height: 100vh". This is helpful when the card gets larger and now can be scrolled because the width is small or the user either increases the font size

1

@Akash-750

Posted

@M-AminAlizadeh thank you so much sir ..for guide me i will improve

0

@Akash-750

Posted

@geomydas thank you so much sir ..for guide me i will improve

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