Feature/mobile collapsible timeline

[yashathwani]

This pull request addresses layout and responsiveness issues in the Apply page's application timeline section, particularly focusing on mobile views.

Key Updates:

---

Responsive Timeline Display:

• The timeline now adapts better to mobile screens. Details for each step are hidden by default on smaller screens and can be toggled by clicking "See Details." On larger screens, all details remain visible.
• Improved spacing, padding, and alignment for both desktop and mobile views.

---

Z-Index and Overlapping Fixes:

• Fixed overlapping elements by adjusting the stacking order (z-index) and ensuring correct spacing in the container sections.

---

Enhanced User Experience:

• Clearer visibility of interactive buttons and links across devices.
• Consistent use of Tailwind CSS utilities for margin, padding, and font styles to maintain a cohesive design.

---

Content Alignment Improvements:

• Headings, descriptions, and buttons are now properly aligned in the timeline elements, making the content easier to read and navigate.

---

These improvements ensure a smoother experience for users accessing the page across different screen sizes, enhancing both usability and design consistency.

Issue- #252

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 26, 2024 1:36pm