Responsiveness issue in Product Knowledge page

[NikhilA8606]

Describe the bug
Product Knowledge page is not responsive

To Reproduce
Steps to reproduce the behavior:

1. Go to settings
2. Click on Product Knowledge
3. Select card view
4. See error

Expected behavior
Should be responsive

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

---

🚨 DO NOT EDIT BELOW THIS LINE 🚨

Instructions for Requesting Assignment:

To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:

Describe your solution clearly:
Provide a detailed explanation of your proposed solution, including your approach, key implementation steps, and relevant examples or references. Mention any dependencies, assumptions, or risks you foresee that might affect your timeline or implementation.

Expected Timeline:

• End date: [Expected submission date of a completed Pull Request]

Additional Context:
Include any other relevant context, links, screenshots, or resources that support your proposed solution.

🚨 Your assignment may be unassigned if there is no activity or progress within the stated timeline unless communicated clearly and agreed upon.

[Fathimaswabrii]

Solution Plan:
I will update the Product Knowledge → Card View layout to ensure full responsiveness across all devices. This includes refining the grid/flex structure, removing fixed widths, and adding appropriate breakpoints so the cards scale and wrap correctly on mobile, tablet, and desktop screens.

Expected Timeline: Within 3 days from assignment.

Additional Context:
No external dependencies anticipated. This update will focus solely on improving responsiveness.

[Jacobjeevan]

@Fathimaswabrii Assigned.

[Abhinandan-basotra]

@Jacobjeevan i am unable to login as a staff. Please give me credentials to login.

[adarsh-priydarshi-5646]

@Abhinandan-basotra,

# Default Local Backend Credentials
ROLE            USERNAME                PASSWORD
----------------------------------------------------------------
Volunteer       volunteer_2_0           Coronasafe@123
Doctor          doctor_2_0              Coronasafe@123
Staff           staff_2_0               Coronasafe@123
Nurse           nurse_2_0               Coronasafe@123
Administrator   administrator_2_0       Coronasafe@123
Facility Admin  facility_admin_2_0      Coronasafe@123