diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..a72ac1f43 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,27 +1,98 @@ - - - - My form exercise - - - - -
-

Product Pick

-
-
-
- - -
-
- - - + + + + + My form exercise + + + + + + +
+

Product Pick

+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css new file mode 100644 index 000000000..d0d05ea17 --- /dev/null +++ b/Form-Controls/styles.css @@ -0,0 +1,39 @@ + + .colorSelection { + display: flex; + gap: 20px; + margin-left: 20px; + margin-top: 20px; +} + +.colorOption { + display: flex; + flex-direction: column; + align-items:center; +} + +.square { + height: 25px; + width: 25px; +} + +#blueOption { + background-color: #180fcb; +} + +#greenOption { + background-color: green; +} + +#redOption { + background-color: red; +} + +#sizediv{ + margin:20px 20px; + +} + +#fn,#sn,#em{ + margin: 20px 20px; +}