Description

Our current form layout places two input fields in one row. This works on desktop but results in very narrow fields on mobile screens which harms usability and readability. The form layout should adapt so that on small screens each input field spans the full width of the container. This improves touch interaction and ensures a clean visual hierarchy on mobile devices.

Tasks

1. Identify the breakpoint where the layout should switch from two columns to one column.
2. Update the form grid so that each input field uses the full width on mobile screens.

Acceptance Criteria

• On mobile screens each input field appears as a full width row.
• Fields are no longer visually compressed or too narrow to type comfortably.