Skip to content

fix: resolve mobile layout overflow and responsiveness issues#144

Open
codedbydollys10 wants to merge 1 commit into
Debmallya-03:mainfrom
codedbydollys10:fix/mobile-responsive-layout-overflow
Open

fix: resolve mobile layout overflow and responsiveness issues#144
codedbydollys10 wants to merge 1 commit into
Debmallya-03:mainfrom
codedbydollys10:fix/mobile-responsive-layout-overflow

Conversation

@codedbydollys10
Copy link
Copy Markdown

@codedbydollys10 codedbydollys10 commented May 27, 2026

Summary

Fixed responsive layout issues causing horizontal overflow, empty/black side space, and inconsistent rendering across different viewport sizes.

The update improves responsiveness for mobile and smaller screens by adjusting layout behavior, overflow handling, and container sizing while preserving existing functionality and desktop appearance.


Type of Change

  • Bug fix
  • New feature
  • Breaking change
  • Documentation update

Related Issues

Closes #140


Changes Made

  • Improved responsive behavior across varying viewport sizes and mobile devices
  • Fixed horizontal overflow and unwanted side spacing issues
  • Adjusted layout/container sizing to better adapt to smaller screens
  • Improved flex/grid responsiveness without changing application logic
  • Preserved desktop layout and existing functionality

Testing

  • I have tested this locally
  • I have added/updated tests
  • All existing tests pass

Manual testing performed on multiple viewport sizes using browser DevTools:

✓ Small mobile screens
✓ Foldable/mobile widths
✓ Standard phone sizes
✓ Tablet layouts
✓ Desktop screens

Verified:

  • No horizontal scrolling
  • No black/empty side space
  • Proper resizing of layout sections
  • Existing functionality remains unaffected

Screenshots (if applicable)

Before

Screenshot 2026-05-26 175935

After

Screenshot 2026-05-27 120336 Screenshot 2026-05-27 120348 Screenshot 2026-05-27 120357 Screenshot 2026-05-27 120426 Screenshot 2026-05-27 120435

Checklist

  • My code follows the project style guidelines
  • I have performed a self-review
  • I have commented complex code
  • I have updated the documentation

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 27, 2026

@codedbydollys10 is attempting to deploy a commit to the debmallya-03's projects Team on Vercel.

A member of the Team first needs to authorize it.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 27, 2026

Deploy Preview for webifynet ready!

Name Link
🔨 Latest commit a691194
🔍 Latest deploy log https://app.netlify.com/projects/webifynet/deploys/6a1691826ad51400081795ad
😎 Deploy Preview https://deploy-preview-144--webifynet.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@codedbydollys10
Copy link
Copy Markdown
Author

hey @Debmallya-03 pls review my PR & merge it

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Bug: Responsive Layout Breaks on Certain Mobile Screen Sizes

1 participant