Fix responsive issue in scholarx/past-programs card-deck

[mkskaushalya]

Purpose

The purpose of this PR is to fix #1627

Goals

The goal is to ensure that the scholarx/past-programs card deck is responsive across various screen sizes, with proper padding and row-gap between cards.

Approach

I adjusted the CSS for the card deck section to improve responsiveness. Flexbox properties were modified to include appropriate padding and row-gap for mobile and tablet views.

Screenshots

Preview Link

https://pr-1628-sef-site.surge.sh/scholarx/past-programs/#past-scholarx

Checklist

• I have read and understood the development best practices guidelines
• I have performed a self-review of my own code

Related PRs

N/A

Learning

During the implementation, I referred to the development best practices and made use of CSS flexbox properties to enhance responsiveness.

[YoshithaRathnayake]

Can you increase the padding little bit like in the earlier one and the font size too @mkskaushalya

[mkskaushalya]

Can you increase the padding little bit like in the earlier one and the font size too @mkskaushalya

Done

[YoshithaRathnayake]

Can you update the preview link? @mkskaushalya
You should include the pr number except this {PR_NUMBER}
Ex: https://pr-0000-sef-site.surge.sh/

Add the directory also /scholarx/past-programs/

[mkskaushalya]

Can you update the preview link? @mkskaushalya You should include the pr number except this {PR_NUMBER} Ex: https://pr-0000-sef-site.surge.sh/

Add the directory also /scholarx/past-programs/

Changed

[YoshithaRathnayake]

Would you able to fix this size issue? @mkskaushalya its not same in the bottom row, can you make it like the size (height) of the top row?

[mkskaushalya]

Would you able to fix this size issue? @mkskaushalya its not same in the bottom row, can you make it like the size (height) of the top row?

OK.

[YoshithaRathnayake]

Good job!
Thank you @mkskaushalya