Align cards vertically in small screen size in our projects section

sef-global / sef-site

Official Website for Sustainable Education Foundation

https://sefglobal.org

MIT License

50 stars 137 forks source link

Align cards vertically in small screen size in our projects section #1622

Closed Isuru4043 closed 1 month ago

Isuru4043 commented 3 months ago

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

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

Related PRs

## Learning

Isuru4043 commented 3 months ago

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

anjula-sack commented 3 months ago

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 commented 3 months ago

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

YoshithaRathnayake commented 3 months ago

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

Yeah you can @Isuru4043