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

Submitted

Profile-Card-Component

KJabeenβ€’ 280

@KJabeen

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Abdul Azeezβ€’ 70

@Aazeez257

Posted

@KJabeen .I think the approach you have taken is little bit not organize. You can try the flexbox approach or the grid approach to make this design look perfect. In my screen it looks stretched vertically and horizontally. Its because you have set width using vw and height using vh. (Its a not good idea to them because you don't know the user's screen size, I recommend using fixed widths).Its just my suggestion.(you can checkout my design here).Happy learning πŸ˜ŠπŸ˜‰ livesite - https://abdul-profile-card-component.netlify.app/ github - https://github.com/Aazeez257/profile-card-component/tree/main

0

KJabeenβ€’ 280

@KJabeen

Posted

@Aazeez257 Thanks for your feedback. I'll try to check it with percentage. From best of my knowledge, it is recommended to not use fixed value in responsive web page. Happy Coding!

1

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