Enhancing User Experience with Interactive Design and Colorful UI Updates

[SrijaVuppala295]

🛠️ Fixes Issue

Fixes: #572

👨‍💻 Description

1. Centered Layout: The container is centered with equal padding for a balanced layout.

2. Hover Effects on Question Boxes: Question boxes change background color and shadow on hover.

3. Distinct Heading Colors: Headings like "Practice Your Skills" have unique colors and smooth hover transitions.

4. Sidebar Hover Animations: Sidebar items shift position and change background color on hover.

5. Responsive Design: Flexbox ensures a responsive layout, with polished transitions for buttons and inputs.

📄 Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update (adds or updates related documentation)

📷 Screenshots/GIFs (if any)

I have done modifications according to ur instructions and changed the ui acc to the theme !!

bfs.mp4

✅ Checklist

• I am a participant of GSSoC-ext.
• I have followed the contribution guidelines of this project.
• I have viewed deployment of my code.
• My changes generate no new warnings.
• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• [x ] I have added documentation to explain my changes.

🤝 GSSoC Participation

• This PR is submitted under the GSSoC program.
• I have taken prior approval for this feature/fix.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for dfs-bfs-graph-traversal ready!

Name	Link
🔨 Latest commit	23397f0
🔍 Latest deploy log	https://app.netlify.com/sites/dfs-bfs-graph-traversal/deploys/672e6cef42f0f30008bde124
😎 Deploy Preview	https://deploy-preview-580--dfs-bfs-graph-traversal.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.

[github-actions]

🎉🎉 Thank you for your contribution! Your PR #580 has been merged! 🎉🎉

[SrijaVuppala295]

@sakeel-103 , please add level 2 !!! It took me lot of time to do , please understand...