[style] Responsive UI

[westofsky]

✅Feature Request

Motivation

To enhance user experience across different devices, we would like to implement a responsive UI. This feature will ensure that the interface adapts to various screen sizes, providing a seamless experience for users on both desktop and mobile devices.

Proposed Solution

The solution would involve creating a responsive UI by adjusting layouts and elements dynamically. This can be achieved by using media queries to modify styles based on max-width values or by implementing other flexible approaches for responsiveness.

Expected Behavior

The new feature should allow the UI to automatically adjust to different screen sizes, including mobile, tablet, and desktop views. Media queries should be utilized where necessary to achieve this, ensuring that the design is optimized for all devices. Additionally, you can make changes to the _swaggy.scss file to freely customize the UI for improved responsiveness.

Added Code

The specific changes will involve incorporating media queries and potentially updating the existing styles to ensure a flexible, responsive design.

ETC

Feel free to modify the _swaggy.scss file or other relevant style files to achieve the desired responsive behavior.