Describe the bug.

The Code of Conduct button in the footer becomes invisible when the screen size is reduced below 590x932px. This issue is likely caused by improper responsive design, where the button either gets hidden or gets pushed out of view due to layout constraints. As a result, users on smaller screens cannot see or interact with the button, which may prevent them from accessing important guidelines.

Expected behavior

The Code of Conduct button should remain visible and accessible on all screen sizes, ensuring that users can interact with it regardless of the device they are using. The button should adjust dynamically within the footer layout, maintaining proper positioning and spacing to prevent it from being hidden or pushed off-screen. This ensures a consistent and user-friendly experience across different screen sizes.

Screenshots

How to Reproduce

1. Open the application on a web browser.
2. Resize the screen or test on a mobile device with a resolution below 590x932.
3. Scroll to the footer and check if the Code of Conduct button is visible.
4. Observe that the button disappears or is not accessible.

🥦 Browser

Google Chrome

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!