[Feature] - Responsive Design Implementation

[RespectMathias]

Description

Implement Responsive Design across all pages to ensure compatibility with mobile, tablet, and desktop devices using Bootstrap's grid system and utility classes.

Motivation

Ensuring that the application is responsive guarantees a seamless user experience across all devices, catering to a wider audience and enhancing accessibility.

Proposed Solution

• Utilize Bootstrap's responsive grid system to adjust layouts for different screen sizes.
• Use Bootstrap's responsive utility classes to show or hide elements as needed on various devices.
• Test all pages across multiple devices and browsers to ensure consistency and functionality.
• Ensure touch-friendly elements for mobile users, such as larger buttons and adequate spacing.
• Optimize navigation for smaller screens, potentially using a collapsible navbar.

Acceptance Criteria

• Feature is clearly defined
• Meets proposed solution
• Tests considered

Additional Info

• Incorporate media queries where necessary to handle specific styling adjustments.
• Ensure that interactive elements are easily accessible and usable on touch devices.