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

mkskaushalya commented 3 months ago

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

[x] I have read and understood the development best practices guidelines
[x] 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.

mkskaushalya commented 3 months ago

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

Done

mkskaushalya commented 3 months ago

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

mkskaushalya commented 3 months ago

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.

sef-global / sef-site