Incorrect CSS Property Usage and Styling Enhancement for Submit Button

[adityas-github]

What would you like to share?

Description:

The current implementation of the submit button in [Project Name] utilizes an incorrect CSS property, align: center, which is invalid. This leads to a styling issue where the button is not horizontally centered within its container. To rectify this, I propose replacing align: center with the appropriate method for horizontal centering, such as margin: 0 auto.

Expected Behavior:

The submit button should be horizontally centered within its container.

Current Behavior:

The submit button is not horizontally centered due to the use of the invalid CSS property align: center.

Proposed Solution:

Replace the incorrect align: center property with the appropriate method for horizontal centering, such as align -tems:center.

In addition to addressing the horizontal centering issue, I have enhanced the submit button's styling by adjusting its height across different screen sizes. Moreover, I've changed the border color to enhance visibility and improve its aesthetic appeal within the interface.

Screenshot:

Attached is a screenshot showcasing the upgraded UI, highlighting the improvements made to the styling of the submit button.

Request for Assignment:

I kindly request that this issue be assigned to me so I can proceed with implementing the proposed fixes and enhancements.

Additional information

No response

[SauravMukherjee44]

@adityas-github You can work on this issue!
Thanks for choosing our community project. 🙌🏻

✅ For any queries, Please reach out to me here: https://www.linkedin.com/in/sauravmukherjee44/