iZooGooD/stay-booker-hotel-booking-react-frontend

fix: make login page Buttons and Links responsive

Closed this issue · 2 comments

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:

  1. Navigate to the /login page and enable mobile view or resize the width of the page below 500px.
  2. Observe the responsiveness of the "New here? Create an account," "Forgot your password?" links, and the "Log In" button.
  3. 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.
  4. 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

Screenshot 2024-02-14 211616

I'm interested in this issue, may I take this?

Yup, sure.