Align cards vertically in small screen size in our projects section

[Isuru4043]

Purpose

The purpose of this PR is to fix #1621

Goals

Vertically aligning cards where words were confused in small screen size.

Approach

Change the min-width from 576px to 768px in media query.

Screenshots

before

after

Preview Link

https://pr-1622-sef-site.surge.sh/

Checklist

• I have read and understood the development best practices guidelines
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas

Related PRs

Learning

[YoshithaRathnayake]

I think we can't edit the argon.css file. @anjula-sack Can we?

[YoshithaRathnayake]

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

[Isuru4043]

@YoshithaRathnayake sure, I'll update the preview link.

[YoshithaRathnayake]

The changes are good! @Isuru4043 Thank you but I can't merge this bcs I don't know whether we can't change the argon.css file. I will ask from anjula ayya. @anjula-sack ?

[anjula-sack]

The changes are good! @Isuru4043 Thank you but I can't merge this bcs I don't know whether we can't change the argon.css file. I will ask from anjula ayya. @anjula-sack ?

You are correct @YoshithaRathnayake. We shouldn't be updating argon.css file. @Isuru4043 Can you override it on the relevant CSS file?

[Isuru4043]

Can we change the global-custom.css file. @anjula-sack

[YoshithaRathnayake]

Can we change the global-custom.css file. @anjula-sack

Yeah you can @Isuru4043

[YoshithaRathnayake]

Any updates? @Isuru4043