fixed the responsiveness in smaller devices

[vedika-gupta]

What does this PR do?

This PR fixes the responsiveness of elements for smaller devices as mentioned in the issue.

Fixes #5

Type of change

• Bug fix (fixed alignment and responsiveness of elements)

[ArnabChatterjee20k]

Thanks @vedika-gupta its actually looking nice @vedika-gupta it is getting some merge conflicts can you resolve that

[netlify[bot]]

✅ Deploy Preview for devsoc-main ready!

Name	Link
🔨 Latest commit	314fe4368e9822ee258d3d192c70f697280e56ab
🔍 Latest deploy log	https://app.netlify.com/sites/devsoc-main/deploys/6525955b38e0be00086bce7e
😎 Deploy Preview	https://deploy-preview-23--devsoc-main.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.

[vedika-gupta]

Resolved the merge conflicts.

[ArnabChatterjee20k]

The issue still persists Can you please check

[vedika-gupta]

@ArnabChatterjee20k Pull request is now ready for review and merging.

[ArnabChatterjee20k]

Thanks @vedika-gupta for your contribution I am merging it