Containers Alignment Issues and UI Modification

[Mayank8881]

Description:
There are several alignment and UI inconsistencies in the application interface, as seen in the provided screenshot:

1. Container Alignment Issues:

   • The containers are not properly aligned across different screen resolutions. Some of the elements overlap, while others are spaced unevenly.
   • The margins and padding between elements are inconsistent, causing a disjointed user experience.

2. UI Modifications:

   • Adjust font sizes for better readability, especially on mobile devices.
   • Modify the spacing between sections to create a more balanced and visually appealing layout.

Screenshot Reference:

Proposed Solution:

• Review and fix the alignment issues by adjusting CSS properties like margins, padding, flex layout.
• Ensure responsive design elements for various screen sizes.

Request:
I would like to contribute this solution as part of Hacktoberfest. Please assign this issue to me and add the Hacktoberfest label.

Thank you!