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;
+}