changed default grid gap to 24px of KCardGrid

[shruti862]

Description

Changed default grid gap to 24px instead of 30px of KCardGrid.

Issue addressed

#996

Addresses #PR# HERE

Before/after screenshots

Before:

After:

Changelog

• Description: Changed default grid gap to 24px instead of 30px of KCardGrid.
• Products impact: KDS, Studio, Kolibri
• Addresses: issue #996 and one related PR in kolibri #13344
• Components: KCardGrid
• Breaking: no
• Impacts a11y: no
• Guidance: none

Steps to test

1. Step 1
2. Step 2
3. ...

(optional) Implementation notes

At a high level, how did you implement this?

Does this introduce any tech-debt items?

Testing checklist

• Contributor has fully tested the PR manually
• If there are any front-end changes, before/after screenshots are included
• Critical and brittle code paths are covered by unit tests
• The change is described in the changelog section above

Reviewer guidance

• Is the code clean and well-commented?
• Are there tests for this change?
• Are all UI components LTR and RTL compliant (if applicable)?
• Add other things to check for here

Comments

[MisRob]

Hi @shruti862, thanks for these updates. In your pull requests, would you please upload before / after screenshots of the user experience - that is how the grid looks like before and after on affected places? We don't need screenshots of code, that's something reviewers can see in the pull requests diff.

[shruti862]

Hi @shruti862, thanks for these updates. In your pull requests, would you please upload before / after screenshots of the user experience - that is how the grid looks like before and after on affected places? We don't need screenshots of code, that's something reviewers can see in the pull requests diff.

I have added the screenshot , let me know if any other changes needed :)

[MisRob]

Thank you @shruti862, that's helpful.

[nucleogenesis]

Thank you for this @shruti862 !

[AllanOXDi]

looks good to me too!