fix: make login page Buttons and Links responsive
Closed this issue · 2 comments
iZooGooD commented
Description:
Issue Overview:
The buttons and links on the /login
page are not responsive when viewed on mobile devices or when the browser width is reduced below 500px. Specifically, the "New here? Create an account," "Forgot your password?" links, and the "Log In" button need to be adjusted for better responsiveness.
Implementation Steps:
- Navigate to the
/login
page and enable mobile view or resize the width of the page below 500px. - Observe the responsiveness of the "New here? Create an account," "Forgot your password?" links, and the "Log In" button.
- Implement the following changes to improve responsiveness:
- The "Log In" button should occupy the entire width of the container.
- The "New here? Create an account" and "Forgot your password?" links should be positioned in one row below the "Log In" button, with appropriate spacing between them.
- Test the changes across various screen sizes to ensure that the layout remains responsive and visually appealing. (Feel free to adjust the links and buttons as per your choice but the goal is just to make it look better and responsive)
Screenshots
johncegom commented
I'm interested in this issue, may I take this?
iZooGooD commented
Yup, sure.