Intro component with sign-up form | Frontend Mentor | #Day17

Intro component with sign-up form | Frontend Mentor | #Day17

This is the 17st frontend mentor challenge we will cover. Today we will convert a Intro component with sign-up form design to responsive HTML, CSS & JS. 

#thechallenge 

- Practice building out a sign-up form complete with client-side validation using JavaScript.

#Your users should be able to:

- View the optimal layout for the interface depending on their device's screen size

- See hover and focus states for all interactive elements on the page

- Receive an error message when the form is submitted if:

    Any input field is empty

    The email address is not formatted correctly

#link 

- Interactive card details form challenge: https://www.frontendmentor.io/challenges/intro-component-with-signup-form-5cf91bd49edda32581d28fd1

- Solution URL: https://github.com/ICode88/Intro-component-with-sign-up-form-DAY-17

- Live Site URL:  https://icode88.github.io/Intro-component-with-sign-up-form-DAY-17/

👍 Thanks for watching!

Make sure to like + Subscribe For More! ❤

⏱ Timestamps:

00:00 Starting Up

03:36 HTML

11:22 CSS

33:11 Responsive

37:51 JS

#socialmedia 

Twitter : https://twitter.com/VlogKomputer

Facebook : https://www.facebook.com/profile.php?id=100092630882001

Linkedin : https://www.linkedin.com/in/vlog-komputer-a8a416275/

✨Frontend Mentor Challenges Playlist Link:

https://www.youtube.com/playlist?list=PLFW8EFZ2TdT_wT0EV3zKHIZTHvb1yLTiX

Buy Starbucks : https://ko-fi.com/vlogkomputer/goal?g=0

https://www.youtube.com/playlist?list=PLFW8EFZ2TdT9Gvc8XSqa1_OQiFIoZR5qP

#frontend #day17 #frontendmentor #challenge #solution #vlogkomputer

Keywords: Intro component with sign-up form, Intro component with sign-up form solution, Intro component with sign-up form codepen, frontend mentor challenge, front end mentor, web design challenge