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

Product Pick

- - +
+ + +
+
+ +
+ +
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+
+
+ diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css new file mode 100644 index 000000000..e15f3d2b4 --- /dev/null +++ b/Form-Controls/styles.css @@ -0,0 +1,45 @@ +.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; +} + +#blueOptions { + background-color: #180fcb; +} + +#greenOptions { + background-color: green; +} + +#redOptions { + background-color: red; +} + +#sizediv { + margin: 20px 20px; +} + +#fn, +#sn, +#em { + margin: 20px 20px; +} + +form, +h1, +h5 { + margin-left: 25%; +} diff --git a/github_issues_prs_practice b/github_issues_prs_practice new file mode 160000 index 000000000..cd147b294 --- /dev/null +++ b/github_issues_prs_practice @@ -0,0 +1 @@ +Subproject commit cd147b2944e0e9944ab4532050ac548eec97d4bf