Fix the background image and the spacing in the form section

[Armaan100]

Description

The issue:

The background image of the form section is too stretched and there is unwanted spacing between the form and the border of the background image in phone and portrait tablet displays.

The solution:

We want the background image not to be stretched and the spacing gives a good user experience.

Screenshots

Portrait Tablet Display(820px x 1180px):

Phone display(390px x 844px):

Files

The file to be targetted to get started is:

Form.jsx

[vaidikcode]

@Armaan100 can you elaborate the spacing issue like what are the things that you want to be addressed

[Armaan100]

@vaidikcode Yes. The gap between the border of the form and the border of the image is too wide on phone and tablet (portrait) size displays. We want this gap to be reduced, just like we have a balanced gap in the form section for large screen sizes. You can find the link to the website in the readme.md file of this repository. Thank you.