What you need to do

Our login form contains a logo, but we're seeing a broken img tag.

Please fix it so that our logo renders correctly.

Expected behavior

Our logo should render successfully, like so:

What you need to do

Our login form contains an HTML password. We'd like you to obscure the password field.

At the moment, users are able to enter data into the field, which is fully visible:

Please obscure the field, so the text that is entered is not visible.

Expected behavior

Our password input should behave like so:

What you need to do

Our login form needs to show a message for 2 cases:

1. The user has logged in successfully.
2. The user failed to provide valid credentials.

Please add this feature to our form submission handler. Valid credentials can be found here.

Expected behavior

1. Our form should handle authentication success, like so:

2. Our form should handle authentication failure, like so:

What you need to do

Our login form contains an HTML input. We'd like you to add email validation on this field.

At the moment, users are able to enter anything:

Please add html email validation to the email input.

Expected behavior

Our email input should prompt the user to enter a valid email, like so:

What you need to do

Our login form is not centered on the page:

Please fix this, so the form is rendered right in the middle of the window.

Expected behavior

Our form should be centered in the window, like so: