diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..1cf0eed29 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,4 +1,4 @@ - + @@ -13,15 +13,58 @@

Product Pick

- - +
diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..d1faa7735 --- /dev/null +++ b/Form-Controls/style.css @@ -0,0 +1,38 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} +header { + color: black; + padding: 1rem; + text-align: center; + margin-bottom: 20px; +} +main { + padding: 1rem; +} +form { + max-width: 400px; + margin: 0 auto; +} +div { + margin-bottom: 1rem; +} +label { + display: block; + margin-bottom: 0.5rem; +} +input, +select { + width: 100%; + padding: 0.5rem; + box-sizing: border-box; +} +button { + padding: 0.5rem 1rem; + background-color: #333; + color: white; + border: none; + cursor: pointer; +}