Mobile responsibility UI issue fixed

[SisiVero]

Fixes

• Fixes [Bug] Mobile responsibility UI issue on default-page.html #68 by @SisiVero

Description

The mobile Ui for break point 540 to 320 has been fixed.
Padding was added to prevent the text from touching the edge of the body.
Missing closing div was added to the parent div of the texts in order to add the padding

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	29f2495
🔍 Latest deploy log	https://app.netlify.com/sites/vocabulary-docs/deploys/670e224ba408440008460d8c
😎 Deploy Preview	https://deploy-preview-114--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.