Bug: Login and sign up page get compress in different resolution

[nlok5923]

Describe the bug

Login and register page compresses in different resolutions probably when resolution is less than 480 X 671

To Reproduce

Steps to reproduce the behavior:

1. Go to Landing page
2. Resize login and register page

Expected behavior

It should hold a flexbox property that login and register component should acquire the center upper half or lower upper half area of landing page

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS] All
• Browser [e.g. chrome, safari] All
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6] All
• OS: [e.g. iOS8.1] All
• Browser [e.g. stock browser, safari] All
• Version [e.g. 22]

Additional context

login and register page should be clearly accessible by user

[codesankalp]

Yes, @nlok5923 this is a valid UI issue. I was also thinking to open it in the future.
Also, In mobile view, it is not responsive and looks bad.

[ruddi10]

@codesankalp @keshakaneria can I work on this

[codesankalp]

@ruddi10 As you are assigned to an issue, I can't assign you.

[nlok5923]

@codesankalp can u please assign this to me.

[codesankalp]

Sure @nlok5923, Assigning you.

[nlok5923]

@codesankalp what type of changes you want me to do . or shall i hide the anitaborg logo at lower resolutions

[codesankalp]

@nlok5923 You can change the UI according to scaling i.e. use transforms to change UI in mobile or any other method such that mobile and desktop UI looks good.

[codesankalp]

Any progress @nlok5923?

[codesankalp]

Unassigning @nlok5923 due to inactivity.

[StarTrooper08]

@codesankalp can I work on this issue .
It's Just a front end work I guess.
I'll do it.

[codesankalp]

Assigning you @StarTrooper08.
Yes, it's just related to the frontend, but please make sure that the login feature doesn't break.

[StarTrooper08]

Assigning you @StarTrooper08.
Yes, it's just related to the frontend, but please make sure that the login feature doesn't break.

Yes , sure👍

[StarTrooper08]

Hey sorry for the delay to solve this issue.
I forgot to ask that in which file I have to make changes 😅.

[codesankalp]

@StarTrooper08 First try to explore the project.
You have to make changes in the Login and Signup Component.

[StarTrooper08]

Okay

[vj-codes]

@StarTrooper08 any updates?

[pankajsahu221]

@codesankalp I can work on this issue, please assign it to me.

[pankajsahu221]

@codesankalp I can make the login and register page fully responsive using pure CSS without breaking any feature. If you need any other changes, then do let me know. Please assign the task to me, I would love to work on it.

[codesankalp]

@codesankalp I can make the login and register page fully responsive using pure CSS without breaking any feature. If you need any other changes, then do let me know. Please assign the task to me, I would love to work on it.

Instead of using pure CSS try to use react-bootstrap as much as possible.

[pankajsahu221]

@codesankalp I can make the login and register page fully responsive using pure CSS without breaking any feature. If you need any other changes, then do let me know. Please assign the task to me, I would love to work on it.

Instead of using pure CSS try to use react-bootstrap as much as possible.

Okay!