fix: Modified the input border radius section of the gradient border

[FardeenCODEIIEST]

Fixes #511

My PR closes #511

👨‍💻 Changes proposed(What did you do ?)

• Redesigned the border-radius css styles
• Modified code in index.html to bring out the expected changes

  ✔️ Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title and description of the PR is clear and explains the approach.

Note to reviewers

📷 Video Proof

https://github.com/Dun-sin/Code-Magic/assets/94698235/2f680494-0e31-4d0e-ab27-d8299384c5af

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
code-magic	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 21, 2023 9:15am

[Dun-sin]

@FardeenCODEIIEST it doesn't look like the image in the issue, you can look at them again and compare(ignore the text): original: yours:

[FardeenCODEIIEST]

@FardeenCODEIIEST it doesn't look like the image in the issue, you can look at them again and compare(ignore the text): original: yours:

Sorry, I thought that the background color will not be white, and the gap should also be increased.

[Dun-sin]

@FardeenCODEIIEST it doesn't look like the image in the issue, you can look at them again and compare(ignore the text): original: yours:

Sorry, I thought that the background color will not be white, and the gap should also be increased.

using gap is wrong, using flex justify content is the best way to fix that

[Dun-sin]

:tada: This PR is included in version 2.72.0 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: