#ISSUE-460 used flexbox instead of hard coded values and made search bar sticky

[parth305]

Description

used flex box instead f hard coded values of margin and widths

Changes Proposed

i have changed css to use flex box to style components. search bar and cards where floating over sidebar so i have tried to fix that with flexbox, and i have made search bar sticky.

Checklist

• I have read and followed the Contribution Guidelines.
• All new and existing tests passed.
• My code follows the code style of this project.
• The title of my pull request is a short description of the requested changes.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dev-find	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 5, 2023 2:00pm

[github-actions]

Great job, @parth305! 🎉 Thank you for opening a pull request. Your contribution is valuable and we appreciate your efforts to improve our project.

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

[shyamtawli]

Hey @parth305 I appreciate your contribution but first you have to open an issue than start working on it.

I like the changes but scroll to top has stopped working, when user click next than scroll to top should take place, look into it and update the PR and also open an issue for it.

[parth305]

Hello @shyamtawli i have created issue and fixed the changes you have asked.

please review my PR and merge it with master.

[shyamtawli]

Migrated to TailwindCSS PR #852