From 2a225fbd9f4c74344ad4eb168bd315dacdba8f6a Mon Sep 17 00:00:00 2001 From: edankap Date: Tue, 31 Jan 2023 22:39:18 +0100 Subject: [PATCH 1/2] CSS and Html not finish yet --- iron-comments/index.html | 26 ++++++++++++++++---- iron-comments/styles/style.css | 45 +++++++++++++++++++++++++++++++--- 2 files changed, 63 insertions(+), 8 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..e9c6b22 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -10,10 +10,26 @@ - -
- Name: Email: Comment: Receive email updates? Submit -
- +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
\ No newline at end of file diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..17e6901 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -1,11 +1,50 @@ -body { +* { padding: 0; margin: 0; +} + +body { + padding-top: 100px; - width: 100vw; + width: 100vw; + background-color: rgb(25, 33, 41) +} +body > div { + border: 1px solid rgb(67, 163, 230); + width: 250px; + margin:auto; } #form-container { - margin: auto; + color: rgb(255,255,255); + padding: 25px; } + + + +button { + background-color: rgb(67, 163, 230); + color: rgb(255,255,255); + border-radius: 10px; + border:none; + padding: 4px +} + +#textBox { + height: 150px; +} + +form div { + margin-top: 10px; + width: 100%; +} + +form div input { + width: 100%; + box-sizing: border-box; +} + +form div:last-of-type input { + width: auto; +} \ No newline at end of file From b8cd82cb357b6b4a702ed9c6bf763660e99deea2 Mon Sep 17 00:00:00 2001 From: edankap Date: Tue, 31 Jan 2023 23:58:13 +0100 Subject: [PATCH 2/2] final touch and complete task --- iron-comments/index.html | 4 +--- iron-comments/styles/style.css | 19 ++++++++++++------- 2 files changed, 13 insertions(+), 10 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index e9c6b22..b703662 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -4,9 +4,7 @@ - Iron Comments - @@ -22,7 +20,7 @@
- +
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 17e6901..0329bf9 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -4,16 +4,16 @@ } body { - padding-top: 100px; width: 100vw; - background-color: rgb(25, 33, 41) + background-color: rgb(25, 33, 41); } body > div { border: 1px solid rgb(67, 163, 230); width: 250px; margin:auto; + box-sizing: border-box; } #form-container { @@ -21,18 +21,18 @@ body > div { padding: 25px; } - - button { background-color: rgb(67, 163, 230); color: rgb(255,255,255); border-radius: 10px; border:none; - padding: 4px + padding: 4px; + margin-top: 10px; + } -#textBox { - height: 150px; +#form-container div textarea { + width: 100%; } form div { @@ -47,4 +47,9 @@ form div input { form div:last-of-type input { width: auto; + float: right; +} + +form div:last-of-type label { + font-style: italic; } \ No newline at end of file