Programs page timeline doesn't work on mobile

[vj-codes]

Describe the bug

On your mobile, click on the deployed website and go to programs section.
The timeline is broken and doesn't work as expected.

Expected behavior

The timeline should be responsive and adjusted as per the screen, ideally displayed vertically instead of horizontally.

Screenshots

Screenrecorder-2021-10-30-05-06-37-798.mp4

Smartphone (please complete the following information):

• Device: Redmi Note 10 pro max
• OS: Android 11
• Browser: Chrome

[abritpal]

Should I take this up?

[vj-codes]

Assigning you @abritpal
Happy coding!

[abritpal]

The timeline should be responsive and adjusted as per the screen, ideally displayed vertically instead of horizontally.

@vj-codes, what do you mean by vertically here, should it scroll vertically or the title of the program and timeline should be adjusted vertically, as in displayed vertically.

[vj-codes]

@abritpal yes it should be displayed vertically with program names and respective details

[nandini45]

@abritpal are you working on it still??

[Jyotika2001]

Has this issue been solved? If not, I would like to work on it.

[nandini45]

@Jyotika2001 sure! go ahead
please keep updating us with your progress.

[nandini45]

@abritpal you have not given any updates and it has been around two months
i am unassigning you the issue

[Jyotika2001]

Hey @nandini45, I was going through the website on my mobile. Many changes have been made to the website layout from the time this issue was raised for example the 'programs' section is called the 'events and programs' now. My doubt was where exactly is this timeline that I need to work on? The 'events and programs' section now consists of 3 sub-headings-People we serve, events and programs and awards & grants, none of which consist of a timeline.

[nandini45]

@Jyotika2001 let me check
i will get back to you by the end of the day

[Jyotika2001]

@nandini45 Please could you tell me the page so that I can start working.

[nandini45]

@Jyotika2001 idk which link u are opening but when i am trying to access it on my device it is broken and showing the same behavior as explained
see as vaishnavi said the behavior should be the timeline should be responsive and adjusted as per the screen, ideally displayed vertically instead of horizontally.
https://anitab-org.github.io/ this is the link
(in the program section the timeline is given)
recheck again please
@vj-codes can you please look into it and confirm the issue

[Yash-271120]

@vj-codes @nandini45 This issue seems to be not fixed yet. Can I work on this?