- HTML5
- Vanilla JS
- CSS Grid
Initially I struggled a bit with the overall implementation and the form validation part. Then I started breaking the problem into parts which were easy to work with.
- First I made a rough sketch for parts and sections on a piece of paper.
- Then I built a basic HTML structure with the design with a Mobile First approach
- Extended the styles for Tablet and Desktop
- Added styling for error handler
- Finally, did the form validations as per the requirements
It took some time, but learnt a lot.
Colors | HSL Value |
---|---|
Red | hsl(0, 100%, 74%) |
Green | hsl(154, 59%, 51%) |
Blue | hsl(248, 32%, 49%) |
Dark Blue | hsl(249, 10%, 26%) |
Grayish Blue | hsl(246, 25%, 77%) |