diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 4344b144..e01a0848 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -3,7 +3,7 @@ - My form exercise + My form exercise by Saqib Javed @@ -13,15 +13,65 @@

Product Pick

+

Please fill in the order form to complete your order

+ +
- - -
+
+ +
+
+ +
+
+ +
+ + +
+
+ Colors: + + + + + + + + + +
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index e69de29b..79f81c77 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -0,0 +1,48 @@ +* { + padding: 5px; + margin: 10px; + background-color: rgb(228, 232, 237); +} + +header { + text-align: center; + font-size: 1.5rem; +} + +.p { + text-align: center; +} + +.form { + display: flex; + justify-content: center; +} + +.color { + display: flex; + justify-content: center; +} + +.size { + display: flex; + justify-content: center; +} + +.delivery { + display: flex; + justify-content: center; +} + +.btn { + display: block; + margin: auto; + display: flex; + justify-content: center; + color: whitesmoke; + background-color: orange; +} + +footer h2 { + font-size: 0.75rem; + text-align: center; +} diff --git a/Two-Truths-One-Lie/index.html b/Two-Truths-One-Lie/index.html index 37cdbfa1..432733f2 100644 --- a/Two-Truths-One-Lie/index.html +++ b/Two-Truths-One-Lie/index.html @@ -1,24 +1,27 @@ - - - - Our Grid Project - - - - - - - -
+ + + + Our Grid Project + + + + + + + +

Two Truths, One Lie

-
-
- -
- - - \ No newline at end of file +
+
+ +
+ + +