Not Responsive for laptop 1024 px and Tablet 786 px size

[Utsavladia]

What happened?

The website is not responsive for all sizes.
The components are overlaping for the size of 1024 px and 786 px.

I would like to fix this issue to make the user experience best possible for all screen sizes.
Please assign this to me.

Add screenshots

What browsers are you seeing the problem on?

Chrome

Code of Conduct

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

[github-actions]

Welcome, @Utsavladia! 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.

[Utsavladia]

I would love to contribute to this and make the user experience better.
Please assign this to me.

[anuukriti]

@shyamtawli please assign this issue to me under gssoc'24

[akbatra567]

@Utsavladia / @anuukriti

Could you verify if these are not covered under issue #980 and PR #981 ?
Also @SaranshBangar, could you update the status of the PR review added, if you need some help. Probably you can discuss/collaborate with interested folks here.

[Utsavladia]

@akbatra567 Sir only the DevFind logo part is covered in that Issue
others are not included like the View profile part and paddings for smaller screen to make it look even and symmetric.

[akbatra567]

@Utsavladia assigned.

[Utsavladia]

@akbatra567 Kindly reivew this PR its been 2 months