devFind icon indicating copy to clipboard operation
devFind copied to clipboard

[style]: Profile Card Style looks chaotic, need some whitespace and proper alignment for premium look || GSSOC 2024

Open abir446 opened this issue 9 months ago • 4 comments

What's the style idea?

Needs padding, alignment and whitespace

We need to improve the UI of the Profile card as it looks very much crowded. Also some items need to be aligned properly. I will inject white space keeping all the things, and also align all the items properly which will create a premium feel to the profile card. profile1

Add screenshots

Demo of my Solved Issue.

I will keep the profile info in a certain width so that it doesn't look messy. Also, the icons will placed at right place. The image is just a demo, the final result will be much better. updated-profile

Code of Conduct

  • [X] I agree to follow this project's Code of Conduct

abir446 avatar May 10 '24 09:05 abir446

Welcome, @abir446! Your issue is like a spark that ignites innovation. We're thrilled to dive into it and work together to find a solution.

Soon the maintainers/owner will review it and provide you with feedback/suggestions.

github-actions[bot] avatar May 10 '24 09:05 github-actions[bot]

Please assign me this task, I am an experienced frontend developer. I am good at UI/UX and I want to contribute in it

DownOnCoffee avatar May 11 '24 03:05 DownOnCoffee

@abir446 Assigned but share the design first.

shyamtawli avatar May 11 '24 07:05 shyamtawli

@shyamtawli can I work on this issue

richab246 avatar Jun 02 '24 05:06 richab246