New UI: Implement Responsiveness

[ChakshuGautam]

Description

Ensure all pages are fully responsive, delivering a consistent user experience across different devices and screen sizes as outlined in #10.

Deliverables

• [ ] Course Search/Listing Page
• [ ] Course Detail Page
• [ ] Home page

Acceptance Criteria

• [ ] Cypress Tests

Project

DSEP: Trainings and Courses

Product Name:

DSEP

Organization Name:

Samagra | Transforming Governance

Mentor(s)

@ChakshuGautam, @techsavvyash, @Shruti3004

Tech Skills Needed

NextJS, ReactJS

Complexity

Medium

Category

UI/UX enhancements

Sub Category

Accessibility

Domain

Others

[void-ness]

hey, since #10 mentions about a new UI design, so for this ticket, the responsiveness has to be done as per the current layout or as per the layout which will be designed in the future.

[Anurag607]

hey @ChakshuGautam @void-ness , if the issue is available i would love to work on it. I have made several projects with nextjs and reactjs before and also have experience implementing with responsive designs

• Product Name – C4GT Tech

[techsavvyash]

Hey @Anurag607, The issue is still available, please go ahead and raise a PR.

[techsavvyash]

Hey @void-ness, Since the new UI has not been designed till now and the platform is up, having responsiveness on the current implementation would be good to have.

[Arjit1136]

@techsavvyash I would like to work on this issue with @Anurag607

[farhanakhtar24]

Hey @ChakshuGautam @void-ness, if the issue is open, I would like to work on it. I've extensively worked on projects based on nextjs and feel I would be able to close this issue.

[ChakshuGautam]

@Shruti3004 please take this forward.