Fix issue #844: Improve mobile responsiveness and fix layout overflow in Travelling Website #848
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…yout overflow in Travelling Website 🐛 Layout Fixes: - Fixed horizontal overflow by replacing 100vw with 100% and max-width - Removed problematic fixed margin-left: 400px in navigation - Added overflow-x: hidden to prevent horizontal scrolling - Fixed booking form width constraints that broke on mobile 📱 Mobile Responsiveness: - Added comprehensive media queries for mobile (≤768px), small mobile (≤480px), and tablet (769px-1024px) - Made navigation stack vertically on mobile with proper spacing - Responsive booking form with flexible inputs and button sizing - Improved places and hotels sections with proper wrapping ✨ UI Improvements: - Better flex layout with flex-wrap for navigation and content areas - Improved button and input field sizing for touch devices - Enhanced spacing and padding for better mobile experience - Made background-attachment scroll on mobile for better performance 🔧 Technical Improvements: - Proper use of flexbox with justify-content and align-items - Responsive image sizing that scales with screen size - Better use of min-height instead of fixed heights - Improved CSS selector specificity and organization Fixes you-dont-need#844
|
Can you show me the the before and after demo video of the project? @rishu685 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Layout Fixes:
Mobile Responsiveness:
UI Improvements:
Technical Improvements:
Fixes #844