Improved UI of blog page

[mehul-m-prajapati]

Title and Issue number

Title : Improved UI of blog page

Close #411

Video (mandatory)

bandicam.2024-11-02.23-15-49-220.mp4

Checklist:

• I have mentioned the issue number in my Pull Request.
• I have commented my code, particularly in hard-to-understand areas
• I have created a helpful and easy to understand README.md if its a new page/tech stack
• I have gone through the contributing.md file before contributing

Are you contributing under any Open-source programme?

• I'm a GSSOC-EXT contributor
• I'm a HACKTOBERFEST contributor

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. 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 befiteveryday failed.

Name	Link
🔨 Latest commit	34aeb35
🔍 Latest deploy log	https://app.netlify.com/sites/befiteveryday/deploys/6726eb51ecaf1c00085833bb

[mehul-m-prajapati]

@jeevan10017 : can you please review it?

[jeevan10017]

@mehul-m-prajapati Can you try for the better? This PR disabled a deploy preview. I need help seeing how it appears on smaller screens. I am closing this right now. re-raise with a new one. This code seems you have removed all the previous styles.