Update style.css

[neeru24]

Pull Request: Add Hover Effect and Size Change to Card Element

Description:
This pull request introduces a hover effect for the #card element, which enhances the user interface by providing a visual indication when the user hovers over the card. The changes include:

• Size Change: The card scales to 105% of its original size on hover, creating a subtle yet engaging effect.
• Box Shadow: A shadow is added to the card on hover, giving a sense of depth and elevating the card visually.

Changes:

• Updated CSS to include transitions for the #card element.
• Implemented hover effects that apply to the card, improving the overall user experience.

Benefits:

• Enhances visual feedback for users.
• Improves interactivity and engagement with the card element.

Please review the changes and merge it @swaraj-das

fixes: #462

Before: No hover effect

After: Added Hover effects

Note: Everything else remains the same. In the accompanying image, I attempted to replicate the main style for the changes, and the icons have not been removed.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
collect-your-gaming-tools	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 19, 2024 10:28am

[github-actions]

Great job, @neeru24! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[netlify]

✅ Deploy Preview for collect-your-gamingtools ready!

Name	Link
🔨 Latest commit	85a8f21
🔍 Latest deploy log	https://app.netlify.com/sites/collect-your-gamingtools/deploys/671389d2a6204800086980df
😎 Deploy Preview	https://deploy-preview-513--collect-your-gamingtools.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[swaraj-das]

@neeru24 The item images and the total contact sections hover does not looking good.

[neeru24]

@neeru24 The item images and the total contact sections hover does not looking good.

Okay, I'll work on it, give me some more time

[neeru24]

@neeru24 The item images and the total contact sections hover does not looking good.

Can you tell me how can I improve the current hover effects? What exactly should I do, how you want it to be?

[github-actions]

Hi there! This issue is still open. We are looking forward to your response.
Assignees: None

[swaraj-das]

@neeru24 The item images and the total contact sections hover does not looking good.

Can you tell me how can I improve the current hover effects? What exactly should I do, how you want it to be?

@neeru24
You can add hover only the on the contact inputs. No need to add hover effects to whole website. Keep it static.
If you want to add a new page for a specific product details, there you can add hover effects on the product and add 3d view or more.

[neeru24]

@neeru24 The item images and the total contact sections hover does not looking good.

Can you tell me how can I improve the current hover effects? What exactly should I do, how you want it to be?

@neeru24 You can add hover only the on the contact inputs. No need to add hover effects to whole website. Keep it static. If you want to add a new page for a specific product details, there you can add hover effects on the product and add 3d view or more.

Got it. But I didn't applied hover effect to whole website, now I have updated the file, kindly check that.