Skip to content

Fix mobile responsive layout issue #72 - #73

Merged
anoopcodehack merged 1 commit into
anoopcodehack:mainfrom
Quantabhi:fix/mobile-responsive-layout
Jul 29, 2026
Merged

Fix mobile responsive layout issue #72#73
anoopcodehack merged 1 commit into
anoopcodehack:mainfrom
Quantabhi:fix/mobile-responsive-layout

Conversation

@Quantabhi

@Quantabhi Quantabhi commented Jul 28, 2026

Copy link
Copy Markdown
Contributor
image

This PR improves the mobile responsiveness of the Kanban board.

Changes

  • Updated KanbanBoard.jsx to use flex-col on small screens and md:flex-row on larger screens.
  • Updated Column.jsx to use w-full on mobile and md:w-56 on desktop.
  • Improved the layout so Kanban columns stack vertically on mobile devices and display horizontally on larger screens.

Fixes #72

For the checklist:

✅ My code follows the project's style guidelines
✅ I tested my changes locally
⬜ I updated the README if my changes affect setup or usage
✅ My commit messages are clear and follow the conventional commit format

@anoopcodehack

Copy link
Copy Markdown
Owner

Thanks for the contribution!
I reviewed the changes, and the responsive layout improvements look good. Making the Kanban board stack vertically on mobile while keeping the horizontal layout on larger screens is a nice improvement.
I'll merge this PR shortly. Thanks for your contribution!

@anoopcodehack
anoopcodehack merged commit 2516059 into anoopcodehack:main Jul 29, 2026
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.

Mobile responsive layout📲

2 participants