[Bug] Improve Styling and Responsiveness of Vocabulary Documentation"

[wendy640]

Description

The documentation for the Vocabulary project is not fully styled and lacks responsiveness. It has issues with padding, margins, and overall layout, which affects the readability and usability of the docs across different devices and screen sizes.

Reproduction

• Open the Vocabulary documentation on different screen sizes (e.g., mobile, tablet, desktop).

• Observe inconsistent styling, including lack of proper padding, margins, and elements not scaling well.

• Resize the browser window to different widths.

• See how elements overlap or are not responsive.

Expectation

The documentation should be well-styled, responsive, and have consistent padding and margins to improve readability and user experience across all device sizes.

Screenshots

Environment

• Device: (eg. iPhone Xs; laptop)
• OS: (eg. iOS 13.5; Fedora 32)
• Browser: (eg. Safari; Firefox)
• Version: (eg. 13; 73)
• Other info: (eg. display resolution, ease-of-access settings)

Additional context

It appears that the current styles in the documentation do not properly account for mobile-first design, which impacts the overall usability of the documentation.

Resolution

• I would be interested in resolving this bug.

[possumbilities]

This is a valid Issue, but one that needs to occur once a CMS/SSG direction is chosen. It was kept intentionally barebones at the beginning to make it easier to migrate.

Moving to 🚧 status: blocked Blocked & therefore, not ready for work