Skip to content

Make UI Fully Mobile Responsive for Seamless User Experience #33

Description

@SayedTahsin

Description

Our platform currently provides a robust desktop experience, but the UI needs improvements to be fully responsive on mobile devices.

What needs to be done

  • Review all major UI components and layouts for mobile compatibility
  • Implement responsive design principles using TailwindCSS and Shadcn UI best practices
  • Ensure navigation, tables, forms render and behave correctly on small screens
  • Test on various mobile screen sizes and devices to guarantee usability
  • Maintain accessibility standards during responsiveness improvements
  • Important: Do not change or replace existing Shadcn UI components; adjustments should be limited to styling and layout only

Why this is important

A fully mobile-responsive UI will significantly enhance accessibility and user experience for teachers, students, and admins who rely on mobile devices to interact with the platform.


If you're passionate about frontend UI/UX and responsive design, your help is very welcome! Feel free to ask questions or request guidance.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions