Travel_Website icon indicating copy to clipboard operation
Travel_Website copied to clipboard

[Bug]: Buttons Not Responsive in Mobile View

Open SahajDang opened this issue 5 months ago โ€ข 5 comments

Is there an existing issue for this?

  • [x] I have searched the existing issues

Describe the bug

On smaller screens, the buttons "Membership", "Plan a Trip", and "Book Now" in the hero section appear horizontally cramped and misaligned. This breaks the visual consistency and makes tapping harder for mobile users.

๐Ÿ” Steps to Reproduce: Open the website on a mobile device or narrow browser window.

Scroll to the hero section.

Observe the layout of the three main buttons.

Expected behavior

โœ… Expected Behavior:

  1. Buttons should stack vertically in mobile view.
  2. Adequate spacing and padding should be present between them.
  3. Buttons should be centered and easily tappable.

Add ScreenShots/Videos

Image

On which device are you experiencing this bug?

Android

Record

  • [x] I have read the Contributing Guidelines
  • [ ] I'm a APERTRE 2025 contributor
  • [ ] I'm a CODEPEAK 2025 contributor
  • [x] I have starred the repository

SahajDang avatar Jul 23 '25 06:07 SahajDang

๐Ÿ‘‹ Thanks for opening this issue! We appreciate your contribution. Please make sure youโ€™ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! ๐Ÿš€

github-actions[bot] avatar Jul 23 '25 06:07 github-actions[bot]

I would like to contribute on this issue as part of GSSoC'25. Please assign this to me.

jyoti-kumari-singh20 avatar Jul 23 '25 17:07 jyoti-kumari-singh20

Is there an existing issue for this?

  • [x] I have searched the existing issues

Describe the bug

On smaller screens, the buttons "Membership", "Plan a Trip", and "Book Now" in the hero section appear horizontally cramped and misaligned. This breaks the visual consistency and makes tapping harder for mobile users.

๐Ÿ” Steps to Reproduce: Open the website on a mobile device or narrow browser window.

Scroll to the hero section.

Observe the layout of the three main buttons.

Expected behavior

โœ… Expected Behavior:

  1. Buttons should stack vertically in mobile view.
  2. Adequate spacing and padding should be present between them.
  3. Buttons should be centered and easily tappable.

Add ScreenShots/Videos

Image

On which device are you experiencing this bug?

Android

Record

  • [x] I have read the Contributing Guidelines[ ] I'm a APERTRE 2025 contributor[ ] I'm a CODEPEAK 2025 contributor[x] I have starred the repository

Hi! I'm Raushan Kumar, a GSSoC'25 contributor.

Iโ€™ve reviewed this issue and would love to work on fixing the responsive layout for the buttons in the hero section. Please assign this issue to me if it's available.

Thanks!

Yadavraushan avatar Jul 27 '25 11:07 Yadavraushan

Please assign me, I would like t work on it as a GSSoC '25 Contributor

Srilakshmi-Kande avatar Aug 01 '25 10:08 Srilakshmi-Kande

@apu52 and @SahajDang HI! I would like to work on this and do my best. I am a participant GSSoC'25 .

Kindly assign this to me!

garlapati-gh avatar Aug 11 '25 07:08 garlapati-gh