Sign-Up Form

This project is part of The Odin Project's full stack web development curriculum

Table Of Contents

1. Description
2. Demo
3. Built With
4. What I Learned
5. Acknowledgements

Description

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 the focus
• Flexbox
• Lazy validation, means validation message only appears when the input is not in focus & not empty

Demo

Live: Here

Built With

• HTML
• CSS

What I Learned

• 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

Acknowledgements

• Background Photo by Alexander Cifuentes on Unsplash
• The Odin Project
• Netlify

Move To Top