In this two part series I go over how to create this Account Creation Form with Basic Validation using HTML, CSS and Vanilla JavaScript. In this first part tutorial show you how I used the Figma design to define the structure of the elements in HTML and then I write all of the styling and effects with CSS. I use a combination of CSS Grid and Flexbox for the layout. Stay tuned for the part 2 tutorial where I will take the current design and add Vanilla JavaScript to complete basic validation.

Codepen: https://codepen.io/angeladelise/pen/mdEaQZd

In this video I show you:

• 0:00 - Intro
• 0:43 - Starting Code
• 1:23 - UI Design Review
• 2:41 - HTML Code
• 5:43 - CSS Code

#html #css #javascript #figma