From da2406375c01f7f69e99013143899b4690218d11 Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Sun, 7 May 2023 16:55:22 +0100 Subject: [PATCH 1/4] challenges challenges --- Form-Controls/index.html | 82 +++++++++++++++++++++++++++------------- Form-Controls/styles.css | 77 +++++++++++++++++++++++++++++++++++++ 2 files changed, 133 insertions(+), 26 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 4344b144..8965b485 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,28 +1,58 @@ - - - - My form exercise - - - - - -
-

Product Pick

-
-
-
- - -
- -
- - - - \ No newline at end of file + + + + My form exercise + + + + + +
+

Product Pick

+
+
+
+ + + + + + + + + + + + +
+ +
+ + + diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index e69de29b..e5caa4ad 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -0,0 +1,77 @@ +form { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-family: sans-serif; + background-color: #f2f2f2; + padding: 20px; + border-radius: 10px; + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); +} + +h1, footer { + text-align: center; +} + +label { + margin-bottom: 5px; +} + +input[type="text"], +input[type="email"], +select { + font-size: 1rem; + padding: 10px; + border-radius: 5px; + border: none; + margin-bottom: 20px; + width: 100%; + max-width: 300px; +} + +select { + appearance: none; + background-color: #fff; + background-position: right 10px center; + background-repeat: no-repeat; +} + +select:focus { + outline: none; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); +} + +input[type="date"] { + font-size: 1rem; + padding: 10px; + border-radius: 5px; + border: none; + margin-bottom: 20px; + width: 100%; + max-width: 300px; + appearance: none; + background-color: #fff; + background-position: right 10px center; + background-repeat: no-repeat; +} + +input[type="date"]:focus { + outline: none; + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); +} + +button[type="submit"] { + background-color: #007bff; + color: #fff; + font-size: 1rem; + padding: 10px 20px; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.2s ease-in-out; +} + +button[type="submit"]:hover { + background-color: #0069d9; +} From c8066badd047afcb20c85ee5cd813155c7c910f4 Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Tue, 9 May 2023 23:31:47 +0100 Subject: [PATCH 2/4] l --- Form-Controls/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index e5caa4ad..3cf1e9ec 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -8,6 +8,7 @@ form { padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); + } h1, footer { From 0a63f5956e6e6253c0cbd9940930e654d2af020f Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Tue, 9 May 2023 23:34:46 +0100 Subject: [PATCH 3/4] l --- Form-Controls/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 8965b485..b00f9e45 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -52,7 +52,7 @@

Product Pick

From 4970db0f2c5c21c327323bc4fc33501e7e6fc2cc Mon Sep 17 00:00:00 2001 From: Stella Del Mar <113214552+Stelladelmar@users.noreply.github.com> Date: Wed, 10 May 2023 12:31:32 +0100 Subject: [PATCH 4/4] Update index.html --- Form-Controls/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index b00f9e45..848fe012 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -52,7 +52,7 @@

Product Pick