Medi-connect(now Med Space) is an online hospital appointment booking website. Visit our website, Make sure the check the announcement... LEAVE US A ā...
On desktop, redesign the form to display two input fields per line to reduce height.
Some input fields (e.g., Reason) will take full width for better visual balance.
On mobile, stack all 11 input fields vertically for easy navigation.
Example: place the two input fields like this (input design will not be change)-
Use Case
Users filling out the form will experience a more organized layout on desktop, reducing form height and enhancing readability. On mobile, users will have a streamlined, stackable layout, ensuring the form remains accessible and easy to use.
Benefits
Improved form usability and visual appeal.
More compact and efficient layout on desktop.
Full responsiveness across devices, enhancing user experience on mobile and tablet.
Better alignment with modern UI standards, reducing visual clutter.
Priority
High
Record
[X] I agree to follow this project's Code of Conduct
[X] I'm a GSSOC contributor
[X] I want to work on this issue
[X] I'm willing to provide further clarification or assistance if needed.
Is there an existing issue for this?
Feature Description
Use Case
Users filling out the form will experience a more organized layout on desktop, reducing form height and enhancing readability. On mobile, users will have a streamlined, stackable layout, ensuring the form remains accessible and easy to use.
Benefits
Priority
High
Record