mobile responsiveness added and adjusted for blog-post html

[SisiVero]

Fixes

• Fixes [Bug] Unresponsive Mobile layout for blog-post #88 by @SisiVero

Description

This issue addresses the issue of unresponsiveness in mobile screen for the blog-post.html page.
The error comes from improper handling of screens with max width 768 and 480px.

Tests

Media queries for max screens 768 and 480px were written and styles adjusted to fit the screen.

Screenshots

Checklist

• My pull request has a descriptive title (not a vague title like Update index.md).
• My pull request targets the default branch of the repository (main or master).
• My commit messages follow [best practices][best_practices].
• My code follows the established code style of the repository.
• I added or updated tests for the changes I made (if applicable).
• I added or updated documentation (if applicable).
• I tried running the project locally and verified that there are no
  visible errors.

[netlify]

✅ Deploy Preview for vocabulary-docs ready!

Name	Link
🔨 Latest commit	2de6dc5
🔍 Latest deploy log	https://app.netlify.com/sites/vocabulary-docs/deploys/6706a8ed61d0750008881af5
😎 Deploy Preview	https://deploy-preview-159--vocabulary-docs.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.