GSSoC'23 : Solved issue 420

[palakag29]

Related Issue

Closes #420

Description

Add responsive web design so that

1. 2 cards are displayed when min-width is 540px
2. 3 cards are displayed when min-width is 768px
3. 4 cards are displayed when min-width is 960px
4. 5 cards are displayed when min-width is 1160px

Screenshots

https://github.com/ssitvit/Code-Canvas/assets/112793075/eed62837-f751-49f8-bc1c-b5b90368277b

Checklist

• [x] My code adheres to the established style guidelines of the project.
• [x] I have included comments in areas that may be difficult to understand.
• [x] My changes have not introduced any new warnings.
• [x] I have conducted a self-review of my code.

[netlify[bot]]

✅ Deploy Preview for joyful-otter-a57da4 ready!

Name	Link
🔨 Latest commit	8a5e8a3acc725b9ad17afae44036c0a0f0f0388c
🔍 Latest deploy log	https://app.netlify.com/sites/joyful-otter-a57da4/deploys/649ef0f2ffeba80008c2f2b6
😎 Deploy Preview	https://deploy-preview-441--joyful-otter-a57da4.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.

[palakag29]

@Dharmesh177 @Shreyaar12 @artimanputra I have made a pull request. Please review and merge. Also add appropriate labels to it.