This project is part of The Odin Project's full stack web development curriculum
Table Of Contents
A Simple Sign-up form built with HTML & CSS with,
- Client Side validation (HTML, CSS)
- Labels for Required fields
- Indications and Snippets for
valid
&invalid
states depending on thefocus
- Flexbox
- Lazy validation, means validation message only appears when the input is not in
focus
& not empty
Live: Here
- HTML
- CSS
- Form structuring
- Pseudo Classes & Pseudo Elements
- Attributes of Input fields
- Flexbox
- Form validation with HTML & CSS
- Custom Properties
- CSS functions
- CSS Positioning
- Advanced CSS Selectors
- Custom Font
- CSS Units & Values
- Background Photo by Alexander Cifuentes on Unsplash
- The Odin Project
- Netlify