Build this UI: login form
A clean, accessible login card with focus styles and an error message.
beginnerHTML & CSS
The task
Style the login form to match the demo:
- A white card centred on the page, at most 360px wide.
- Labels above the inputs; inputs fill the width, with rounded corners.
- A clear focus style (brand-colour border and a soft ring) for keyboard users.
- The email field has an error: red border and the red message under it.
- A full-width Log in button.
What you'll build
The finished result. Try it out, then build it yourself below.
Demo · drag the bottom edge to make it taller