OmKakatkar / intro-component-with-signup-form

Intro Component with Signup Form

Home Page:https://sign-up-form123.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Intro component with sign up form

Check out this challenge.

Table of contents

Overview

Desktop Preview

Mobile Preview

Links

My process

Built with

  • HTML5
  • Vanilla JS
  • CSS Grid

How I went for the implementation?

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.

Useful resources

Learn

Fonts

Colors

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%)

Author

Credits

About

Intro Component with Signup Form

https://sign-up-form123.netlify.app/


Languages

Language:CSS 47.0%Language:HTML 32.8%Language:JavaScript 20.2%