Change cards design

[uday03meh]

Is your feature request related to a problem? Please describe.
Hovering on the cards in left and right column of the home page shows 2 different effects, I want to make changes and remove this discrepancy in design

Describe the solution you'd like
I'm planning to either give some gap between both columns or change their border properties to make it look better on hovering. I know this is a very minor detail to notice and mostly users wouldn't even see it, still I want to make a PR and improve the site.

Additional context
Add any other context or screenshots about the feature request here.

[uday03meh]

/assign

[TylerTrott]

Hi there, sorry for the long wait, feel free to tackle this issue. It may not be insanely easy @uday03meh

[uday03meh]

Sure, will give my best.

[uday03meh]

Hi, I've figured out that this issue can be solved by giving some gap between 2 cards using margin property as they look perfectly fine on smaller screen sizes. Can you please guide me to the file I need to make changes as I could not find it in the project.

Having a gap between cards of a row will solve this issue.

[Ruchika30]

Check these files @uday03meh

content/docs/_index.md
layouts/shortcodes/card/feature-icon.html

[PriyanshuRj]

please assign this issue to me @Ruchika30

[Shubhambawner]

Hello @Ruchika30 @uday03meh @TylerTrott
I have been working on some other issue, but currently after switching a device I had been facing issues with project setup
windows 10 , node 16.17.0
after npm start, i am getting such errors, please look into it once