How to Style a Form with HTML and CSS // Front End Challenge // Day 9 of 365 Days of Coding
Day 9 of 365 days of coding! How to Style a Form with HTML and CSS
Challenge: Today we are doing day 2 of a 4 day series on creating a sign up form! This form can have any input but you must require, first name, last name, phone number and email. It should also have a section for OAuth (allow for sign in with Facebook, Google, etc.). It will also have validation for the email and phone number. The email must be a valid email and phone number should be formatted. This is Part One: Create a page with a basic form
*Repo for this series:* https://github.com/hellodevworldblog/...
here is the blog post for this solution: https://hellodevworld.com/365-days-of...
******************************************************
ℹ Help Links ℹ
site for the background I used: https://bennettfeely.com/gradients/
other great gradient site: https://cssgradient.io/
box-sizing: https://developer.mozilla.org/en-US/d...
box-shadow: https://developer.mozilla.org/en-US/d...
border-radius: https://developer.mozilla.org/en-US/d...
padding: https://www.w3schools.com/css/css_pad...
postition: https://www.w3schools.com/cssref/pr_c...
text-align: https://www.w3schools.com/cssref/pr_t...
border: https://www.w3schools.com/css/css_bor...
border-bottom: https://www.w3schools.com/cssref/pr_b...
text-transform: https://www.w3schools.com/cssref/pr_t...
margin: https://www.w3schools.com/cssref/pr_t...
cursor: https://developer.mozilla.org/en-US/d...
display CSS attribute: https://www.w3schools.com/cssref/pr_c...
******************************************************
******************************************************
My Gear: https://kit.co/HelloDevWorld/my-gear
Blog: https://hellodevworld.com/
Facebook: / hellodevworld
Dev.to: https://dev.to/hellodevworldblog
******************************************************
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you!